.hangul-choice{display:flex;align-items:baseline;gap:10px;margin-top:8px}.hangul-choice h2{font-size:17px}.hangul-choice h2 span{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.3px}.hangul-choice>p{margin:0;color:var(--muted);font-size:11px}.alphabet .letter-grid{margin:15px 0 27px}.alphabet .final-grid{grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:0}.letter{min-width:0}.syllable-panel{align-self:start;position:sticky;top:84px;min-height:390px}.equation{word-spacing:3px;font-size:clamp(17px,2vw,23px)}.syllable-panel>p{font-size:13px;line-height:1.65}@media(max-width:1200px){.alphabet .final-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1023px){.syllable-panel{position:static;min-height:0}.hangul-choice{flex-wrap:wrap}}@media(max-width:767px){.alphabet .letter-grid{gap:7px}.alphabet .final-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hangul-choice{gap:7px}.hangul-choice>p{flex-basis:100%;line-height:1.5}.hangul-choice h2{font-size:16px}}
.studio-tabs,.number-system-tabs{display:flex;gap:8px;margin:0 0 24px}.studio-tabs button,.number-system-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:12px 18px;border-radius:999px;font-weight:700}.studio-tabs button.selected,.number-system-tabs button.selected{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.number-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}.number-intro h2{font-size:clamp(26px,4vw,44px);margin:5px 0 8px}.number-intro p{max-width:700px}.number-progress{min-width:120px;text-align:right}.number-progress strong{display:block;font-size:32px}.number-progress span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.number-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);gap:18px}.number-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.number-card{display:grid;gap:4px;min-height:112px;padding:12px;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--ink);text-align:left}.number-card:hover,.number-card.selected{border-color:var(--accent);background:var(--soft)}.number-card>span{font-size:11px;color:var(--muted)}.number-card strong{font-size:25px}.number-card small{color:var(--muted)}
.number-spotlight{text-align:center}.number-spotlight .number-digit{display:block;font-size:56px;line-height:1;margin:24px 0 4px}.number-spotlight h3{font-size:38px;margin:0}.number-spotlight>p{color:var(--muted);margin:5px 0 16px}.number-spotlight>small{display:block;line-height:1.6;margin-top:18px;color:var(--muted)}
.counter-lab{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;align-items:center;margin-top:18px}.counter-lab h2{margin:5px 0 8px}.counter-lab p{margin:0}.counter-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.counter-controls label{font-size:11px;color:var(--muted)}.counter-controls select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.counter-output{display:grid;justify-items:center;gap:7px;padding:18px;border-radius:14px;background:var(--soft)}.counter-output>span{font-size:12px;color:var(--muted)}.counter-output>strong{font-size:34px}
.number-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.number-use-grid article{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.number-use-grid article>span{font-size:12px;color:var(--accent);font-weight:700}.number-use-grid h3{margin:8px 0}.number-use-grid p{line-height:1.7;margin:0;color:var(--muted)}
.number-quiz h2{margin:5px 0 20px}.number-quiz-head{display:flex;justify-content:space-between;gap:20px}.number-quiz-head small{color:var(--accent);font-weight:700}.number-quiz-head h3{font-size:22px;margin:6px 0 16px}.number-quiz-head>span{color:var(--muted)}.number-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.number-answer{padding:17px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);font-size:18px}.number-answer:hover{border-color:var(--accent)}.number-answer.correct{background:#dff4e8;border-color:#4f9b70}.number-answer.incorrect{background:#f9e0dc;border-color:#c56b5d}.number-feedback{min-height:44px;margin-top:16px;color:var(--muted)}.number-feedback p{display:inline;margin-right:14px}.number-feedback .primary{float:right}.number-feedback .sound{margin-left:8px}.number-result{text-align:center;padding:28px}.number-result>span{font-size:28px;color:var(--accent);font-weight:800}.number-result h2{font-size:36px;margin:8px}
@media(max-width:1023px){.number-layout,.counter-lab{grid-template-columns:1fr}.number-spotlight{position:static}.counter-controls{max-width:500px}.number-intro{align-items:start}}@media(max-width:767px){.studio-tabs,.number-system-tabs{overflow:auto}.studio-tabs button,.number-system-tabs button{white-space:nowrap}.number-intro{display:block}.number-progress{text-align:left;margin-top:15px}.number-grid{grid-template-columns:repeat(2,1fr)}.number-use-grid{grid-template-columns:1fr}.number-answers{grid-template-columns:1fr}.counter-controls{grid-template-columns:1fr 1fr}.number-feedback .primary{float:none;display:block;margin-top:14px}.number-quiz-head h3{font-size:19px}}
/* Keep active studio controls legible in light and dark themes. */
.studio-tabs button.selected,.number-system-tabs button.selected{background:#dceee3!important;border-color:#2d684c!important;color:#173c2d!important}