:root{--color-primary:#2b1a07;--color-secondary:#2b1a07;--color-tertiary:#ff6f1e;--color-neutral:#fdfbf9;--color-surface:#f7efe9;--font-family-paperlogy:"Paperlogy", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--type-h1-size:2rem;--type-h1-weight:700;--type-h1-line-height:1.25;--type-h1-letter-spacing:-.02em;--type-h2-size:1.5rem;--type-h2-weight:700;--type-h2-line-height:1.35;--type-body-size:1rem;--type-body-weight:400;--type-body-line-height:1.6;--type-button-size:1rem;--type-button-weight:600;--type-button-line-height:1.4;--type-small-size:.875rem;--type-status-size:.875rem;--type-display-size:4rem;--type-hanja-size:7rem;--type-hanja-weight:700;--type-hanja-line-height:1;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-primary:18px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--button-primary-background:var(--color-primary);--button-primary-text:var(--color-neutral);--button-primary-radius:var(--radius-primary);--button-primary-padding:14px;--button-secondary-background:var(--color-neutral);--button-secondary-text:var(--color-primary);--button-secondary-radius:var(--radius-lg);--button-secondary-padding:14px;--rating-certain-background:var(--color-secondary);--rating-certain-text:var(--color-neutral);--rating-certain-radius:var(--radius-md);--rating-certain-padding:14px;--flashcard-background:var(--color-neutral);--flashcard-text:var(--color-primary);--flashcard-radius:var(--radius-md);--flashcard-padding:var(--space-xl);--marker-badge-background:var(--color-tertiary);--marker-badge-text:var(--color-primary);--marker-badge-radius:var(--radius-lg);--marker-badge-padding:var(--space-xs);--support-panel-background:var(--color-surface);--support-panel-text:var(--color-primary);--support-panel-radius:var(--radius-md);--support-panel-padding:var(--space-lg)}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-4Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-6SemiBold.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-7Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}*{box-sizing:border-box}html{background:var(--color-neutral);min-width:320px;overflow-x:hidden}body{min-width:320px;min-height:100vh;color:var(--color-primary);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);word-break:keep-all;margin:0;overflow-x:hidden}button,select,input{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{overflow-wrap:normal}.font-body{font-family:var(--font-family-paperlogy)}.surface-page{background:var(--color-neutral)}.marker-badge{margin:0 0 var(--space-lg);padding:var(--marker-badge-padding);border-radius:var(--marker-badge-radius);background:var(--marker-badge-background);color:var(--marker-badge-text);font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line-height);display:inline-block}.type-h1{font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line-height);letter-spacing:var(--type-h1-letter-spacing);margin:0}.scaffold-copy{margin:var(--space-sm) 0 0}.flashcard-study{width:min(100%,720px);color:var(--flashcard-text)}.flashcard-surface{padding:var(--flashcard-padding);border:1px solid var(--color-primary);border-radius:var(--flashcard-radius);background:var(--flashcard-background)}.flashcard-header,.flashcard-facts,.rating-group,.stroke-source{gap:var(--space-sm);display:flex}.flashcard-header{justify-content:space-between;align-items:center}.flashcard-header .marker-badge{margin:0}.flashcard-front,.flashcard-answer{gap:var(--space-md);text-align:center;justify-items:center;display:grid}.flashcard-answer-compact{gap:var(--space-xs);padding:var(--space-md)}.flashcard-answer-compact .type-hanja{margin:0}.flashcard-answer-compact .type-h2{margin:0 0 var(--space-xs)}.flashcard-answer-compact p{margin:0}.type-hanja{margin:var(--space-lg) 0;font-family:var(--font-family-paperlogy);font-size:clamp(4rem, 20vw, var(--type-hanja-size));font-weight:var(--type-hanja-weight);line-height:var(--type-hanja-line-height)}.type-huneum,.type-h2{margin:var(--space-lg) 0;font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-line-height)}.button-primary,.button-secondary,.rating-certain{border:1px solid var(--color-primary);font-family:inherit;font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line-height);cursor:pointer}.button-primary{padding:var(--button-primary-padding);border-radius:var(--button-primary-radius);background:var(--button-primary-background);color:var(--button-primary-text)}.button-secondary{padding:var(--button-secondary-padding);border-radius:var(--button-secondary-radius);background:var(--button-secondary-background);color:var(--button-secondary-text)}.rating-certain{padding:var(--rating-certain-padding);border-color:var(--color-primary);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-neutral)}.control-44{min-width:44px;min-height:44px}.support-panel{padding:var(--support-panel-padding);border:1px solid var(--color-primary);border-radius:var(--support-panel-radius);background:var(--support-panel-background);color:var(--support-panel-text)}.flashcard-answer:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.flashcard-facts{margin:0}.flashcard-answer-compact .stroke-source{margin-top:var(--space-xs)}.flashcard-answer-compact .rating-group{margin-top:var(--space-sm)}.flashcard-facts div{gap:var(--space-xs);display:flex}.flashcard-facts dd{margin:0}.stroke-source{flex-wrap:wrap;justify-content:center}.rating-group{width:100%}.rating-group button{flex:1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hydration-screen{min-height:100vh;padding:var(--space-md);place-items:center;display:grid}.hydration-card{text-align:center;width:min(100%,620px)}.hydration-card .type-h1{margin-top:var(--space-md)}.loading-mark,.entry-mark,.lesson-number{border:1px solid var(--color-primary);background:var(--color-tertiary);place-items:center;display:inline-grid}.loading-mark{border-radius:var(--radius-md);width:64px;height:64px;font-size:var(--type-h2-size);font-weight:700}.learning-app{width:min(100% - 32px,780px);min-height:100vh;font-size:var(--type-body-size);line-height:var(--type-body-line-height);margin:0 auto}.font-scale-large{--type-body-size:1.125rem;--type-button-size:1.125rem;--type-h1-size:2.25rem;--type-h2-size:1.6875rem;--type-small-size:1rem;--type-status-size:1rem;--type-display-size:4.25rem}.font-scale-largest{--type-body-size:1.25rem;--type-button-size:1.25rem;--type-h1-size:2.5rem;--type-h2-size:1.875rem;--type-small-size:1.125rem;--type-status-size:1.125rem;--type-display-size:4.5rem}.app-header,.brand-lockup,.app-nav,.route-intro,.section-heading,.detail-heading,.character-group header,.select-row,.action-row,.inline-status,.stroke-source,.stroke-viewer-controls{align-items:center;display:flex}.app-header{justify-content:space-between;gap:var(--space-md);padding:14px 0}.brand-lockup{gap:var(--space-sm)}.brand-lockup p,.brand-lockup h1{margin:0}.brand-lockup p{font-size:var(--type-small-size);font-weight:700}.brand-lockup h1{font-size:var(--type-h2-size);line-height:1.2}.header-utilities{align-items:center;gap:var(--space-xs);display:flex}.save-status,.inline-status{min-height:44px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-neutral);font-size:var(--type-status-size);margin:0;font-weight:600}.save-status span,.inline-status span{margin-right:var(--space-xs);color:var(--color-secondary)}.save-saving span{color:var(--color-tertiary)}.save-error{border-width:2px}.app-nav{gap:var(--space-xs);border-bottom:1px solid var(--color-primary);grid-template-columns:repeat(4,minmax(0,1fr));padding:0 0 14px;display:grid;overflow-x:visible}.nav-button,.chip-button,.focus-character,.text-button{border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:1px solid #0000;font-weight:600}.learning-breadcrumb{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.nav-button{border-bottom:3px solid #0000;border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;padding:10px 4px;display:flex}.nav-status{color:var(--color-secondary);font-size:var(--type-small-size);word-break:keep-all;line-height:1.2}.nav-button[aria-current=page],.chip-button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-surface)}.segmented-control .button-secondary[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-surface);box-shadow:inset 0 -3px var(--color-tertiary)}.nav-button[aria-current=page]{border-color:transparent transparent var(--color-tertiary);background:0 0}.route-main{gap:40px;width:min(100%,780px);margin-inline:auto;padding:48px 0 80px;display:grid}.home-hero,.route-intro,.flashcard-toolbar,.character-detail{border:1px solid var(--color-primary)}.home-hero{gap:var(--space-md);background:var(--color-neutral);box-shadow:none;grid-template-columns:1fr;padding:40px;display:grid}.eyebrow{margin:0 0 var(--space-xs);color:var(--color-secondary);font-size:var(--type-body-size);letter-spacing:.05em;font-weight:700}.home-hero h2,.route-intro h2,.flashcard-toolbar h2{font-size:var(--type-h1-size);line-height:var(--type-h1-line-height);margin:0}.section-heading h2{font-size:var(--type-h2-size);line-height:var(--type-h2-line-height);margin:0}.hero-count{margin:var(--space-lg) 0 var(--space-xs);font-size:var(--type-display-size);font-weight:700;line-height:1}.hero-status,.progress-wrap p{margin:0}.home-hero .button-primary{width:100%;min-height:56px;margin-block:var(--space-xs)}.progress-wrap{gap:var(--space-xs);display:grid}.learning-method-selector{gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-neutral);display:grid}.learning-method-selector .eyebrow,.learning-method-purpose{margin:0}.learning-method-nav{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learning-method-button{justify-content:space-between;align-items:center;gap:var(--space-xs);min-width:0;min-height:56px;padding:var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-neutral);color:var(--color-primary);text-align:left;word-break:keep-all;cursor:pointer;font-weight:600;display:flex}.learning-method-button[aria-current=page]{background:var(--color-surface);box-shadow:inset 0 3px 0 var(--color-tertiary);border-width:2px}.method-current{font-size:var(--type-status-size);flex:none;font-weight:700}.lesson-section,.character-groups,.mistake-list{gap:var(--space-md);display:grid}.section-heading,.route-intro{justify-content:space-between;gap:var(--space-lg)}.section-heading p,.route-intro p{margin-bottom:0}.lesson-grid,.entry-grid,.character-grid,.settings-grid{gap:var(--space-md);display:grid}.lesson-grid{border-top:1px solid var(--color-primary);grid-template-columns:1fr;gap:0}.lesson-card,.character-tile{border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-neutral);cursor:pointer}.lesson-card{gap:var(--space-sm);min-height:64px;padding:var(--space-sm) 2px;text-align:left;border-width:0 0 1px;border-radius:0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;display:grid}.lesson-card[aria-current=step]{background:var(--color-surface)}.lesson-card>span{font-size:var(--type-status-size)}.lesson-card .mini-progress{grid-column:2/-1;width:100%}.lesson-number{background:var(--color-neutral);border-radius:50%;width:36px;height:36px}.lesson-card[aria-current=step] .lesson-number{background:var(--color-tertiary)}.mini-progress{border:1px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface);height:8px;overflow:hidden}.mini-progress span{background:var(--color-tertiary);height:100%;display:block}.entry-grid{grid-template-columns:1fr}.entry-card{flex-direction:column;align-items:flex-start;min-height:250px;display:flex}.entry-card h2{margin-bottom:0}.entry-card button{width:100%;margin-top:auto}.card-entry-section,.card-entry-actions,.favorite-empty{gap:var(--space-md);display:grid}.card-entry-section h2,.card-entry-section p,.favorite-empty p{margin:0}.card-entry-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-mark{border-radius:var(--radius-sm);width:44px;height:44px;font-weight:700}.route-intro,.flashcard-toolbar{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-neutral)}.character-group header{gap:var(--space-sm);margin-bottom:var(--space-md)}.character-group header h3{flex:1;margin:0}.character-group .marker-badge{margin:0}.character-grid{grid-template-columns:repeat(5,1fr)}.character-tile{min-width:0;min-height:100px;padding:var(--space-xs);text-align:center;place-items:center;display:grid}.tile-glyph{font-size:2rem;font-weight:700}.character-tile span:last-child{font-size:var(--type-body-size)}.character-detail{background:var(--color-neutral)}.character-detail-navigation{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-block:var(--space-md);flex-wrap:wrap;display:flex}.character-detail-navigation .marker-badge{margin:0}.character-step-nav{gap:var(--space-xs);flex-wrap:wrap;display:flex}.character-step-nav button{min-width:0;padding-inline:var(--space-sm)}.text-button{padding:var(--space-xs)}.detail-heading{gap:var(--space-xl)}.detail-glyph{margin:var(--space-lg) 0;font-size:clamp(6rem,18vw,10rem);font-weight:700;line-height:1}.detail-heading h2{font-size:var(--type-h1-size);margin:0}.fact-grid{gap:var(--space-sm);margin:var(--space-lg) 0;grid-template-columns:repeat(3,1fr);display:grid}.fact-grid div{padding:var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface)}.fact-grid dt{font-size:var(--type-body-size);font-weight:600}.fact-grid dd{margin:var(--space-xs) 0 0;font-weight:700}.route-main>.support-panel[aria-label$=획순\ 보기]{align-items:center;gap:var(--space-lg);grid-template-columns:minmax(260px,1fr) minmax(220px,.5fr);display:grid}.stroke-viewer-canvas{aspect-ratio:1;border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-neutral);justify-self:center;width:min(100%,420px);overflow:hidden}.stroke-viewer-canvas svg{width:100%;height:100%;color:var(--color-primary);display:block}.stroke-question-figure{justify-items:center;gap:var(--space-sm);text-align:center;margin:0;display:grid}.stroke-question-canvas{background:var(--color-neutral);width:min(100%,360px)}.stroke-question-figure figcaption{font-weight:700}.stroke-question-figure p{margin:0}.stroke-question-error{justify-items:center;gap:var(--space-xs);display:grid}.stroke-path-context,.stroke-path-target{color:var(--color-primary)}.stroke-viewer-details{gap:var(--space-md);min-width:0;display:grid}.stroke-viewer-status,.stroke-viewer-disclosure{margin:0}.stroke-viewer-status{font-size:var(--type-h2-size);font-weight:700}.stroke-viewer-controls{gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stroke-viewer-controls button{min-width:0;padding-inline:var(--space-xs)}.stroke-marker circle{fill:var(--color-primary);stroke:var(--color-neutral);stroke-width:4px}.stroke-marker text{fill:var(--color-neutral);font-family:var(--font-family-paperlogy);paint-order:stroke;stroke:var(--color-primary);stroke-width:1px;font-size:24px;font-weight:700}.stroke-marker-current circle{fill:var(--color-tertiary)}.stroke-marker-current text{fill:var(--color-primary);stroke:var(--color-neutral)}.flashcard-toolbar{gap:var(--space-md);display:grid}.flashcard-favorite-help,.flashcard-status{word-break:keep-all;margin:0}.flashcard-status:empty{display:none}.deck-controls,.select-row,.segmented-control,.stacked-actions,.action-row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.chip-button,.focus-character{padding:var(--space-xs) var(--space-sm);border-color:var(--color-primary)}.select-row{gap:var(--space-md)}.select-row label{font-size:var(--type-body-size);gap:4px;font-weight:600;display:grid}.input-control{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-neutral);color:var(--color-primary)}.focus-picker{padding:var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-sm);margin:0}.focus-picker>div{margin-top:var(--space-xs);grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.focus-character{padding:4px}.focus-character[aria-pressed=true]{background:var(--color-tertiary)}.guided-study-layout{align-items:start;gap:var(--space-lg);grid-template-columns:1fr;grid-template-areas:"card""support""path";display:grid}.guided-study-layout .flashcard-study{grid-area:card;width:100%}.journey-path{grid-area:path}.study-support{grid-area:support}.journey-path ol{gap:var(--space-lg);margin:var(--space-lg) 0 0;padding-left:24px;display:grid}.journey-path li::marker{color:var(--color-tertiary);font-weight:700}.journey-path span,.journey-path strong{display:block}.journey-path span{font-size:var(--type-body-size)}.study-support strong{font-size:var(--type-h2-size)}.mistake-card{align-items:center;gap:var(--space-lg);display:flex}.mistake-card h3,.mistake-card p{margin:0}.settings-grid{grid-template-columns:repeat(2,1fr)}.settings-card{padding:var(--space-lg)}.settings-card h3{font-size:var(--type-h2-size);margin-top:0}.settings-dialog{width:min(100%,760px);max-height:calc(100vh - (2 * var(--space-md)));padding:var(--space-xl);background:var(--color-neutral);overflow-y:auto}.settings-dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.settings-dialog-header h2{font-size:var(--type-h1-size);margin:0}.adult-disclosure{border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface)}.adult-disclosure>summary{padding:var(--space-md) var(--space-lg);cursor:pointer;align-items:center;font-weight:700;display:flex}.adult-disclosure-content{padding:0 var(--space-md) var(--space-md)}.help-wide{grid-column:1/-1}.stacked-actions{flex-direction:column;align-items:flex-start}.danger-button{border:2px solid var(--color-secondary);border-radius:var(--radius-lg);background:var(--color-neutral);color:var(--color-secondary);cursor:pointer;padding:14px;font-family:inherit;font-weight:700}.small-note,.source-credit{font-size:var(--type-body-size)}.font-scale-preview{margin-top:var(--space-md);padding:var(--space-md);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface)}.font-scale-preview p{margin:0}.source-credit{padding-top:var(--space-md);border-top:1px solid var(--color-primary)}.dialog-backdrop{z-index:10;padding:var(--space-md);background:#2b1a0759;place-items:center;display:grid;position:fixed;inset:0}.reset-dialog{background:var(--color-neutral);width:min(100%,560px)}.reset-dialog h2{margin-top:0}.reset-dialog .marker-badge{margin-bottom:var(--space-sm)}.practice-modes-layout{gap:var(--space-lg);display:grid}.mode-grid,.result-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.mode-card{align-items:center;gap:var(--space-md);grid-template-columns:44px minmax(0,1fr) auto;display:grid}.mode-card h3,.mode-card p{grid-column:2;margin:0}.mode-card .entry-mark{grid-row:1/span 2}.mode-card .button-secondary{grid-area:1/3/span 2}.practice-config,.practice-result,.exam-start,.result-hero{width:min(100%,760px);margin-inline:auto}.practice-result>.support-panel+.support-panel{margin-block-start:var(--space-md)}.practice-config,.practice-runner,.exam-runner,.exam-results,.answer-review,.exam-question,.question-response,.review-list{gap:var(--space-md);display:grid}.exam-question [data-exam-paper-part=type],.exam-question [data-exam-paper-part=instruction],.exam-question [data-exam-paper-part=problem],.exam-question [data-exam-paper-part=example] p{margin:0}.exam-question [data-exam-paper-part=example]>strong{margin-bottom:var(--space-xs);display:block}.question-response.support-panel>legend{padding-inline:var(--space-xs);font-weight:700}.huneum-gloss,.huneum-gloss p{word-break:keep-all;overflow-wrap:normal;margin:0}.huneum-gloss:not(.huneum-gloss-compact){gap:var(--space-xs);display:grid}.exam-question [data-exam-paper-part=example] .review-list{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none}.practice-config>label,.response-fields label{gap:4px;font-weight:600;display:grid}.exam-meta,.exam-actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.exam-meta{padding-block:var(--space-sm);justify-content:space-between}.exam-meta .marker-badge{margin:0}.result-score{margin-block:var(--space-md);color:var(--color-secondary);font-size:var(--type-display-size);font-weight:700;line-height:1}.timer-warning{padding:4px var(--space-xs);border-radius:var(--radius-lg);border:1px solid;font-weight:700}.warning-soon,.warning-urgent,.warning-expired{color:var(--color-secondary)}.choice-grid,.navigator-grid{gap:var(--space-xs);border:0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;display:grid}.choice-control{align-items:center;gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-neutral);cursor:pointer;display:flex}.choice-control input{accent-color:var(--color-secondary)}.stroke-disclosure{grid-column:1/-1}.question-navigator summary{cursor:pointer;font-weight:700}.question-navigator:not([open])>.navigator-grid{display:none}.navigator-grid{margin-top:var(--space-md);grid-template-columns:repeat(10,minmax(44px,1fr))}.navigator-button{border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-neutral);cursor:pointer;padding:4px;display:grid}.navigator-button span{font-size:var(--type-small-size)}.navigator-button[aria-current=step]{background:var(--color-surface);border-width:3px}.answer-feedback{padding:var(--space-sm);border-left:4px solid var(--color-primary);background:var(--color-surface)}.feedback-retry,.review-retry{border-color:var(--color-secondary)}.review-list{margin:0;padding:0;list-style-position:inside}.review-card p{margin-block:var(--space-xs)}.route-main>section[aria-labelledby=learning-activities-title]{gap:var(--space-md);display:grid}.route-main>section[aria-labelledby=learning-activities-title]>[role=group],.route-main>section[aria-labelledby=learning-activities-title] article [role=group]{gap:var(--space-xs);flex-wrap:wrap;display:flex}.route-main>section[aria-labelledby=learning-activities-title] article{padding:var(--space-lg);border:2px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-neutral);text-align:center}.route-main>section[aria-labelledby=learning-activities-title] article .type-hanja{font-size:clamp(4.5rem,18vw,8rem)}@media (width<=940px){.result-grid{grid-template-columns:1fr}.navigator-grid{grid-template-columns:repeat(5,minmax(44px,1fr))}.character-grid,.focus-picker>div{grid-template-columns:repeat(5,1fr)}}@media (width<=520px){.learning-app{width:calc(100% - 24px)}.app-header{align-items:center;gap:var(--space-xs);padding-top:var(--space-sm)}.brand-lockup p{display:none}.save-status{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-nav{grid-template-columns:repeat(2,minmax(44px,1fr));gap:0;margin-inline:-12px;padding-inline:12px;overflow-x:visible}.nav-button{word-break:keep-all;width:100%}.route-main{gap:var(--space-md);padding-top:var(--space-md)}.route-main>[data-task-priority=primary]{order:-10}.route-main>.learning-method-selector{order:-20}.home-hero{grid-template-columns:1fr;min-height:0;padding:22px}.home-hero .button-primary{width:100%}.hero-count{font-size:var(--type-display-size)}.section-heading,.route-intro,.detail-heading{flex-direction:column;align-items:flex-start}.entry-grid,.card-entry-actions,.settings-grid,.mode-grid,.result-grid,.choice-grid{grid-template-columns:1fr}.learning-method-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-method-button{flex-direction:column;justify-content:center;align-items:flex-start}.exam-question{padding:var(--space-md);gap:var(--space-sm)}.exam-question [data-exam-paper-part=problem]{font-size:var(--type-h2-size);line-height:1.35}.exam-start .result-score{margin-block:var(--space-sm);font-size:3rem}.exam-runner{gap:var(--space-xs)}.exam-runner>.exam-meta{gap:4px var(--space-xs);padding:var(--space-xs) var(--space-sm);grid-template-columns:auto minmax(0,1fr);display:grid}.exam-runner>.exam-meta>strong{display:none}.exam-runner>.exam-meta>.timer-warning{grid-column:1/-1}.exam-runner>.exam-meta>:last-child{grid-area:1/2;justify-self:end}.exam-question [data-exam-paper-part=example]{padding:var(--space-sm)}.exam-actions>button{flex:44%}.exam-runner .exam-question{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.exam-runner .exam-question .exam-actions{z-index:5;right:var(--space-sm);bottom:calc(var(--space-sm) + env(safe-area-inset-bottom));left:var(--space-sm);padding:var(--space-xs);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-neutral);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed}.exam-runner .exam-question .exam-actions>button{min-width:0;padding:var(--space-xs)}.exam-runner .exam-question.exam-question-stroke{padding-bottom:var(--space-md)}.exam-runner .exam-question.exam-question-stroke .exam-actions{z-index:auto;position:static}.lesson-card{min-height:64px}.entry-card{min-height:220px}.character-grid,.focus-picker>div{grid-template-columns:repeat(2,1fr)}.character-tile{min-height:86px}.detail-heading{gap:var(--space-sm)}.character-detail-navigation,.character-step-nav{grid-template-columns:1fr;width:100%;display:grid}.character-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.character-step-nav button{width:100%}.detail-glyph{margin-bottom:0}.fact-grid,.route-main>.support-panel[aria-label$=획순\ 보기]{grid-template-columns:1fr}.stroke-viewer-details{text-align:center;justify-items:stretch}.guided-study-layout{gap:var(--space-md);grid-template-columns:1fr;display:grid}.guided-study-layout .flashcard-study{order:0}.journey-path{order:2;width:100%}.study-support{order:1;width:100%}.flashcard-surface{padding:var(--space-md)}.rating-group{flex-direction:column}.mode-card{grid-template-columns:44px minmax(0,1fr)}.mode-card .button-secondary{grid-area:auto/2;justify-self:start}.help-wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.exam-submit-dialog{min-width:0;max-height:calc(100dvh - 2 * var(--space-md));word-break:keep-all;overflow-wrap:break-word;overflow-y:auto}.exam-unanswered-numbers{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.exam-submit-dialog button{white-space:normal;word-break:keep-all;overflow-wrap:break-word;max-width:100%}