@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@800&display=swap");.container{display:flex;flex-direction:column;gap:6px;width:100%;margin:0 auto;max-height:65vh;overflow-y:auto;padding:4px;box-sizing:border-box}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.left-column,.right-column{display:flex;flex-direction:column;gap:8px;min-width:0}.example-classifiers-row{display:flex;flex-direction:row;gap:16px;width:100%}.example-classifiers-row>*{flex:1;min-width:0}.tones-section{padding:8px 0}.strokes-line-section{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;width:100%;padding:0}.stroke-item-section{display:flex;flex-direction:column;align-items:center;flex-grow:1;padding:2px;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;gap:2px}.stroke-item-title{padding-bottom:10px;text-align:center}.section-title{padding-bottom:.5rem;text-align:center}.hanzi-decomp-list{display:flex;flex-direction:column;margin-bottom:16px;align-items:center}.titleCard{font-style:normal;letter-spacing:.5px;line-height:1.3;color:#1f2937;font-size:120%;margin-bottom:.3rem;--a:-45deg;--t:.12em;--_s:calc(var(--t)*cos(var(--a)));--i:100%;background:linear-gradient(var(--a),#0000 var(--_s),currentColor 0 calc(100% - var(--_s)),#0000 0) bottom/var(--i) var(--t) no-repeat;padding:0 .2em calc(var(--t) / 60) 0;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline-block}.textCard{font-style:normal;letter-spacing:.3px;text-align:start;color:#374151;font-size:95%;max-width:300px;line-height:1.4;margin:0;word-wrap:break-word;overflow-wrap:break-word}.title,h2.title,h2.titleCard{background:none!important;padding:0!important;-webkit-box-decoration-break:unset!important;box-decoration-break:unset!important;display:block!important;text-decoration:none!important}.my-4-half{margin:8px 0}.centered-separator{margin:8px auto;width:80%}.my-4{margin:16px 0}@media (max-width:768px){.main-layout{grid-template-columns:1fr;gap:12px}.left-column,.right-column{gap:8px}}@media (max-width:480px){.main-layout{gap:8px}.left-column,.right-column{gap:6px}.strokes-line-section{gap:12px;justify-content:center}.stroke-item-section{min-width:calc(50% - 6px)}}