.learner-bar{display:flex;justify-content:flex-end;margin:0 0 12px;position:relative;z-index:4}.learner-menu{width:min(100%,600px);font-size:14px}.learner-menu>summary{text-align:right;cursor:pointer;padding:10px 4px;min-height:44px}.learner-settings{padding:20px;border:1px solid var(--line,#dbe7dd);border-radius:18px;background:#fff;box-shadow:0 10px 30px #23452916;display:grid;gap:9px}.learner-settings label{font-weight:650}.learner-settings input,.learner-settings select{width:100%;min-height:44px;border:1px solid #b3cbb8;border-radius:10px;padding:10px;font:inherit;background:white;color:#254832}.learner-actions{display:flex;flex-wrap:wrap;gap:9px}.learner-settings small{color:#52635a;line-height:1.6}.learner-settings p{margin:0;font-size:14px}.file-label{position:relative;cursor:pointer;overflow:hidden}.file-label input{position:absolute;width:1px;height:1px;opacity:0;inset:0}.file-label:focus-within{outline:3px solid #507d60;outline-offset:3px}.home-start-panel{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:center;background:#f1f7ed;border:1px solid #d5e3d2;padding:28px;border-radius:22px;margin-bottom:20px}.home-start-panel h2{font-size:25px;margin:8px 0 12px}.home-start-panel p{line-height:1.7;max-width:620px}.home-start-panel progress{display:block;width:min(100%,350px);accent-color:#3e7153;margin:10px 0 20px;height:9px}.home-start-art .word-picture{aspect-ratio:1;width:100%;border-radius:20px}.home-first-lessons{border:1px solid #dce5da;border-radius:16px;padding:14px 18px;margin-bottom:24px}.home-first-lessons>summary{cursor:pointer;font-weight:650;min-height:30px}.home-first-lessons .home-starters{margin-top:18px}.home-course-progress{font-size:14px;color:#47674e}.stepper button.visited{background:#fafbf8!important;color:#586b60!important;border-color:#cbd8cc!important;box-shadow:none!important}.stepper button.finished:not(.current){background:#e8f4e9!important;color:#245e3a!important;border-color:#70a77b!important}.stepper button.finished:not(.current)::before{content:'✓ ';font-weight:800}.lesson-plan-art{float:right;padding:12px;background:#f4f8f0;border:1px solid #dce6d7;border-radius:16px;margin:8px 0 14px 20px}.lesson-plan-art img{display:block;object-fit:contain}.reading-part-label{font-size:14px;color:#52645a;font-weight:700;margin:24px 0 10px}.semantic-word-picture{background:#f5f8ef!important;display:flex;align-items:center;justify-content:center;padding:20px}.semantic-word-picture img{object-fit:contain;max-height:96px;width:96px}.picture-word-card{background:white;border:1px solid #dce6da;box-shadow:none}.picture-word-card:not(:has(.word-picture)) .picture-word-body{padding-top:22px}.next-recording{margin-top:10px}.focus-practice-page{background:white;padding:22px;border:1px solid #dce4d8;border-radius:12px}.focus-character-row{padding:15px 0;border-top:1px solid #dce4d8;break-inside:avoid}.focus-character-row>div:first-child{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap;margin-bottom:12px}.focus-character-row b{font-size:38px;font-family:"Noto Sans SC",sans-serif}.writing-boxes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.writing-box{border:1px solid #aab9aa;aspect-ratio:1;display:grid;place-items:center;font-size:clamp(22px,3vw,46px);background:linear-gradient(to right,transparent 49.5%,#e0e5df 49.5%,#e0e5df 50.5%,transparent 50.5%),linear-gradient(to bottom,transparent 49.5%,#e0e5df 49.5%,#e0e5df 50.5%,transparent 50.5%)}.trace-model{color:#9ca99c}.focus-character-row .support-en{font-size:14px}.speaking-controls{flex-wrap:wrap}.learner-settings a.secondary{display:inline-flex;align-items:center;text-decoration:none;min-height:44px}.learner-settings summary:focus-visible,.learner-settings input:focus-visible,.learner-settings select:focus-visible{outline:3px solid #527b5b;outline-offset:3px}
@media(max-width:640px){.home-start-panel{grid-template-columns:1fr;padding:20px}.home-start-art{display:none}.learner-bar{justify-content:stretch}.learner-menu{width:100%}.writing-boxes{grid-template-columns:repeat(4,minmax(0,1fr))}.focus-practice-page{padding:16px}.writing-box{font-size:36px}.learner-actions>*{flex:1 1 145px}.lesson-plan-art{float:none;width:fit-content;margin-left:0}.home-start-panel h2{font-size:23px}}
@media print{.focus-practice-page{border:0;padding:0;page-break-after:always}.focus-character-row{padding:16px 0}.writing-boxes{grid-template-columns:repeat(8,minmax(0,1fr))}.writing-box{font-size:42px}.learner-bar{display:none!important}.printing-practice .focus-practice-page{visibility:visible!important}}
.reading-part-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 8px}.reading-part-heading .reading-part-label{margin:0}.reading-part-heading button{min-height:44px}.core-reading-part{scroll-margin-top:24px}