/* Readability and functional writing-grid refinements after browser QA. */
input[type="checkbox"]{display:inline-block;width:17px;height:17px;padding:0;margin:0 5px 0 0;vertical-align:middle}
.quiet,.task-row p,.category-index p,.directory-row span,.related,.breadcrumb,.paper-top,.paper-bottom,.topbar,.sidebar-bottom{font-size:13px}
.sidebar nav>a{font-size:14px}
.gridrow{display:flex;flex-wrap:wrap;margin:10px 0 20px;break-inside:avoid}
.practice-cell{position:relative}
.practice-cell.field:before,.practice-cell.rice:before{content:'';position:absolute;left:0;top:50%;width:100%;border-top:1px solid #dce0d6}
.practice-cell.field:after,.practice-cell.rice:after{content:'';position:absolute;top:0;left:50%;height:100%;border-left:1px solid #dce0d6}
.practice-cell.rice{background:linear-gradient(45deg,transparent 49.7%,#dce0d6 50%,transparent 50.3%),linear-gradient(-45deg,transparent 49.7%,#dce0d6 50%,transparent 50.3%)}
.stroke-line{display:flex;flex-wrap:wrap;gap:2px;margin:6px 0}
.stroke-line svg{display:block;width:36px;height:36px;border:1px solid #dce0d6}
.sheet-preview .print-card{display:inline-block;vertical-align:top;width:48%;min-height:120px;border:1px solid var(--line);padding:12px;margin:0 1% 12px 0}
.sheet-preview .print-card .zh{font-size:32px}
@media(max-width:780px){.reading-feature .chinese-copy{font-size:23px}.sheet-preview .print-card{width:100%;margin-right:0}.tone-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
.character-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.character-index a{border:1px solid var(--line,#d8dbd0);padding:14px;display:flex;flex-direction:column;gap:7px;text-decoration:none;overflow-wrap:anywhere}.character-index strong{font-size:38px}.character-index small{font-size:13px;color:#526358}.component-tree ul{list-style:none;display:flex;justify-content:center;padding:0;gap:12px}.component-tree li{text-align:center}.tree-node{display:inline-block;border:1px solid #bdcabb;padding:8px;font-size:30px;font-family:KaiTi,serif;margin:8px}.tree-node.operator{font-size:22px}.structure-glyph{display:block;width:180px;max-width:100%;margin:auto}.poster-preview svg{display:block;width:100%;height:auto;max-height:520px}#handwriting-canvas{display:block;width:100%;max-width:390px;height:auto;border:1px solid #9eaf9f;background:linear-gradient(transparent 49.7%,#d8dfd6 50%,transparent 50.3%),linear-gradient(90deg,transparent 49.7%,#d8dfd6 50%,transparent 50.3%);touch-action:none}.typed-correct{color:#265b36;background:#e0ecdf}.typed-error{color:#9c302c;background:#f9dfd8}.activity-preview{overflow:auto}.activity-preview .answer-key{border-top:1px solid #b3c0b2;padding-top:20px;margin-top:30px}.activity-table{width:100%;border-collapse:collapse}.activity-table td{min-width:24px}.activity-cards{gap:10px}.activity-card{overflow-wrap:anywhere}.component-tree{overflow:auto}#typing-display{overflow-wrap:anywhere}#typing-input{min-height:170px}@media(max-width:600px){.character-index{grid-template-columns:repeat(2,minmax(0,1fr))}.tree-node{padding:5px;margin:4px;font-size:25px}.component-tree ul{gap:3px}.activity-preview{padding:12px}.activity-preview .activity-table .zh{font-size:16px}.activity-preview .wordsearch .zh{font-size:14px}.activity-preview .wordsearch td{padding:1px}.activity-preview .activity-card{min-width:100px;max-width:100%}}

.ad-slot{margin:48px 0;padding:20px 0;border-top:1px solid #d8dbd0}.ad-slot>p{font-size:12px;color:#526358;letter-spacing:.06em}