html[data-screen=topic]{--screen-header-height:70px;--screen-padding:20px}html[data-screen=topic] body{background:var(--base);background-image:none;margin:0}html[data-screen] [hidden]{display:none!important}.screen-header{background:var(--base);align-items:center;gap:14px;width:min(850px,100%);min-height:70px;margin:auto;padding:8px 20px;display:flex}.screen-header>div{flex:1;min-width:0}.screen-header h1{margin:0;font-size:1rem;line-height:1.3}.screen-header span{color:var(--muted);font-size:.72rem}.screen-exit{color:var(--muted);place-items:center;min-width:44px;min-height:44px;font-size:1.8rem;text-decoration:none;display:grid}.screen-outline{min-height:44px;color:var(--muted);align-items:center;font-size:.8rem;text-decoration:none;display:flex}html[data-screen] .topic-app{width:min(850px,100%);padding:0 var(--screen-padding);margin:auto}html[data-screen] .topic-app>.topbar,html[data-screen] .topic-sidebar,html[data-screen] .topic-mobile-heading,html[data-screen] .step-onboarding{display:none!important}html[data-screen] .topic-shell{margin:0;display:block}html[data-screen] .topic-main{min-height:calc(var(--screen-vh,100svh) - var(--screen-header-height) - var(--screen-notice-space,0px));flex-direction:column;gap:0;display:flex}html[data-screen] .topic-main>.step-panel{box-shadow:none;background:var(--base);border:0;border-radius:0;margin:0;padding:0}html[data-screen] .topic-main>.step-panel:not([hidden]){flex:1}html[data-screen] .topic-main h2{letter-spacing:-.02em;font-size:1.45rem;line-height:1.3}html[data-screen] .button{border-radius:10px;min-height:44px;padding:10px 15px;font-size:.9rem}html[data-screen] .step-panel>.eyebrow,html[data-screen] .step-flow-label{display:none}html[data-screen] .step-flow-nav{border:0;border-top:1px solid var(--line);padding:12px 0 max(14px,env(safe-area-inset-bottom));background:var(--base);border-radius:0;justify-content:space-between;gap:12px;margin:0;display:flex;position:static}html[data-screen] .step-flow-nav [data-step-next]{flex:1}html[data-screen] .section-heading{margin:0 0 16px}.screen-preview-note{color:var(--muted);margin:16px 0 28px;font-size:.8rem}html[data-screen] [data-step-panel=lesson],html[data-screen] .lesson-preparation,html[data-screen] [data-lesson-preparation-stage]{flex-direction:column;display:flex}html[data-screen] .lesson-preparation,html[data-screen] [data-lesson-preparation-stage]{flex:1}html[data-screen] .lesson-preparation{border:0;margin:0;padding:0}html[data-screen] .lesson-preparation .section-heading{padding-top:12px}html[data-screen] .lesson-preparation .section-heading h2{font-size:1.2rem}html[data-screen] .lesson-preparation .section-lead,html[data-screen] .lesson-preparation [data-recording-hint],html[data-screen] .lesson-preparation .section-heading-meta>.eyebrow{display:none}html[data-screen] .lesson-preparation .section-heading-meta{margin-bottom:8px}html[data-screen] .lesson-preparation-list{flex:1;align-items:center;padding-bottom:12px;display:flex}html[data-screen] .lesson-preparation-card:not([hidden]){width:100%;box-shadow:none;background:0 0;border:0;flex-direction:column;gap:20px;padding:0;display:flex}html[data-screen] .lesson-preparation-target{font-size:1.65rem;line-height:1.35}html[data-screen] .lesson-preparation-copy{padding:0}html[data-screen] .lesson-preparation-copy>p{margin:12px 0;font-size:1rem}html[data-screen] .lesson-preparation-hint{margin:0;font-size:.85rem}html[data-screen] .lesson-preparation-hint summary{align-items:center;min-height:44px;display:flex}html[data-screen] .lesson-preparation-audio{flex-wrap:wrap;gap:10px;margin:0;display:flex}html[data-screen] .topic-app:not([data-screen-mode=speaking]) .lesson-preparation [data-speak-record],html[data-screen] .topic-app:not([data-screen-mode=speaking]) .lesson-preparation [data-play-recording]{display:none}html[data-screen] .lesson-preparation-actions{gap:0;margin-top:auto;padding:4px 0 14px;display:grid}html[data-screen] [data-lesson-preparation-skip]{min-height:44px;color:var(--muted);background:0 0;border:0}html[data-screen] .lesson-preparation-navigation{gap:10px;display:flex}html[data-screen] .lesson-preparation-navigation>button{flex:1}html[data-screen] .topic-app[data-screen-lesson=true] .step-flow-nav{display:none}html[data-screen] [data-lesson-explanation]:not([hidden]){min-height:calc(var(--screen-vh,100svh) - var(--screen-header-height) - var(--screen-notice-space,0px));flex-direction:column;display:flex}html[data-screen] [data-lesson-explanation]>.markdown-body{flex:1;padding-top:20px}html[data-screen] .screen-concept{font-size:1rem;line-height:1.65}html[data-screen] .screen-theory-nav{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 0 16px;display:grid}.screen-theory-nav span{text-align:center;color:var(--muted);font-size:.75rem}html[data-screen] .screen-full-explanation{color:var(--muted);background:0 0;border:0;align-self:center;font-size:.8rem}html[data-screen] [data-review-lesson-preparation]{align-self:flex-start}.screen-speech-return{display:none!important}html[data-screen] .item-flow-shell{background:var(--base);overflow:visible}html[data-screen] .item-flow-view{min-height:calc(var(--screen-vh,100svh) - var(--screen-header-height) - var(--screen-notice-space,0px));flex-direction:column;display:flex}html[data-screen] .item-flow-header{background:var(--base);backdrop-filter:none;border:0;padding:0 0 10px;position:relative}html[data-screen] .item-flow-header-top{justify-content:flex-end;display:flex}html[data-screen] .item-flow-view:not(:has(.item-flow-review-card)) .item-flow-header-top>div,html[data-screen] [data-flow-exit]{display:none!important}html[data-screen] .item-flow-header-top>button{min-height:36px;padding:0 8px;font-size:.75rem}html[data-screen] .item-flow-progress-copy{margin:0 0 5px;font-size:.75rem}html[data-screen] .item-flow-progress-line{height:5px}html[data-screen] .item-flow-sync-state[data-flow-sync-state=synced]{display:none}html[data-screen] .item-flow-main{flex:1;width:100%;min-height:0;margin:0;padding:16px 0 20px}html[data-screen] .item-flow-main h2{margin:10px 0 20px;font-size:1.55rem}html[data-screen] .item-flow-instruction{font-size:.85rem}html[data-screen] .item-flow-options{gap:10px;margin:0;padding:0}html[data-screen] .item-flow-option{min-height:52px;box-shadow:none;border-radius:10px}html[data-screen] .item-flow-actionbar{padding:12px 0 max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:none;background:var(--base);flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-top:auto;display:flex;position:static;inset:auto}html[data-screen] .item-flow-actionbar>.button{flex:1}html[data-screen] .item-flow-feedback{border:0;border-radius:10px;flex-basis:100%;margin:0;padding:10px 14px;outline:none!important}html[data-screen] .item-flow-feedback>strong{font-size:.95rem}html[data-screen] .item-flow-answer-comparison{margin:4px 0}html[data-screen] .item-flow-answer-pair{padding:3px 0;font-size:.88rem;border:0!important}html[data-screen] .item-flow-answer-pair:first-child{display:none}html[data-screen] .item-flow-feedback-actions{gap:8px}html[data-screen] .item-flow-feedback-actions .button{min-height:40px;padding:6px 10px;font-size:.8rem}html[data-screen] .item-flow-feedback p{font-size:.86rem}html[data-screen] .screen-support{font-size:.75rem}html[data-screen] .screen-support summary{cursor:pointer;min-height:40px;color:var(--muted);align-items:center;display:flex}html[data-screen] .item-flow-intro,html[data-screen] .item-flow-summary{align-content:start;min-height:0;padding:30px 0}html[data-screen] .item-flow-reveal{margin-top:15px}html[data-screen] [data-step-panel=story]{padding:15px 0}html[data-screen] .story-aligned{background:0 0;border:0;padding:0}html[data-screen] .story-aligned>.section-heading>.section-heading-meta{display:none}html[data-screen] .story-aligned>.section-heading .aligned-hint{font-size:.8rem}html[data-screen] [data-screen-story-speak]{min-height:40px;margin-top:8px;font-size:.8rem}html[data-screen] .story-reading-options{margin:4px 0 20px}html[data-screen] [data-story-sentence-list]{display:block}html[data-screen] [data-story-sentence-list] .aligned-sentence{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:10px 0}html[data-screen] [data-story-sentence-list] .aligned-target{text-align:left;min-height:44px;padding:0;font-size:1.1rem;font-weight:400;line-height:1.75}html[data-screen] [data-story-sentence-list] .aligned-section-label{margin:18px 0 8px;font-size:.8rem}html[data-screen] .aligned-line{align-items:center}html[data-screen] [data-story-sentence-list] .aligned-translation{font-size:.95rem;line-height:1.6}html[data-screen] .story-speaking-recommendation,html[data-screen] .screen-record-label{display:none}html[data-screen] .story-optional-section,html[data-screen] .screen-transfer{margin:16px 0}.screen-transfer>summary{cursor:pointer;align-items:center;min-height:48px;display:flex}html[data-screen] .screen-speaking-nav{display:none}html[data-screen] .screen-question-nav{align-items:center;gap:8px;margin:16px 0;display:flex}html[data-screen] .screen-question-nav span{text-align:center;flex:1;font-size:.8rem}html[data-screen] .topic-app[data-screen-mode=speaking] .screen-speech-return{justify-content:center;margin-top:auto;margin-bottom:16px;display:flex!important}html[data-screen] .topic-app[data-screen-mode=speaking] .lesson-preparation-actions,html[data-screen] .topic-app[data-screen-mode=speaking] [data-screen-speaking-open]{display:none}html[data-screen] .topic-app[data-screen-mode=speaking] .lesson-preparation-audio{grid-template-columns:1fr 1fr;display:grid}html[data-screen] .topic-app[data-screen-mode=speaking] .lesson-preparation-audio>[data-play-recording]{grid-column:1/-1}html[data-screen] .topic-app[data-screen-mode=speaking] [data-recording-hint]{display:block}html[data-screen] .topic-app[data-screen-mode=speaking] [data-step-panel=story]{flex-direction:column;display:flex}html[data-screen] .topic-app[data-screen-mode=speaking] .story-aligned{flex-direction:column;flex:1;display:flex}html[data-screen] .topic-app[data-screen-mode=speaking] .story-aligned>.section-heading,html[data-screen] .topic-app[data-screen-mode=speaking] .story-reading-options,html[data-screen] .topic-app[data-screen-mode=speaking] .screen-other-sentence,html[data-screen] .topic-app[data-screen-mode=speaking] [data-story-speaking-practice],html[data-screen] .topic-app[data-screen-mode=speaking] .story-extra-notes,html[data-screen] .topic-app[data-screen-mode=speaking] .screen-transfer,html[data-screen] .topic-app[data-screen-mode=speaking] [data-story-comprehension],html[data-screen] .topic-app[data-screen-mode=speaking] [data-topic-audio-wrap],html[data-screen] .topic-app[data-screen-mode=speaking] .step-flow-nav{display:none!important}html[data-screen] .topic-app[data-screen-mode=speaking] [data-story-sentence-list]{flex:1;align-items:center;display:flex}html[data-screen] .topic-app[data-screen-mode=speaking] [data-story-sentence-list]>.aligned-sentence:not(.screen-other-sentence){flex-direction:column;gap:15px;width:100%;display:flex}html[data-screen] .topic-app[data-screen-mode=speaking] .aligned-line{flex-direction:column;align-items:stretch;gap:24px;display:flex}html[data-screen] .topic-app[data-screen-mode=speaking] [data-reveal-translation]{font-size:1.45rem;font-weight:600;line-height:1.45}html[data-screen] .topic-app[data-screen-mode=speaking] .aligned-controls{gap:12px;display:flex}html[data-screen] .topic-app[data-screen-mode=speaking] .aligned-controls button{border-radius:10px;width:auto;min-height:52px}html[data-screen] .topic-app[data-screen-mode=speaking] .aligned-controls [data-play-aligned]{min-width:52px}html[data-screen] .topic-app[data-screen-mode=speaking] [data-speak-record]{flex:1;gap:10px;padding:12px}html[data-screen] .topic-app[data-screen-mode=speaking] .screen-record-label{font-size:.9rem;display:inline}html[data-screen] .topic-app[data-screen-mode=speaking] .screen-speaking-nav{grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:12px 0 16px;display:grid}html[data-screen] .screen-speaking-nav span{text-align:center;font-size:.8rem}html[data-screen] [data-screen-reading-return]{color:var(--muted);background:0 0;border:0;grid-column:1/-1}.screen-overview{width:min(800px,100%)}.screen-overview h1{font-size:1.9rem}.screen-step-list{margin:28px 0;padding:0;list-style:none}.screen-step-list li{border-top:1px solid var(--line)}.screen-step-list a{color:var(--ink);grid-template-columns:40px 1fr auto;gap:16px;padding:20px 4px;text-decoration:none;display:grid}.screen-step-list a:hover{background:var(--bg-soft)}.screen-step-list p{color:var(--muted);margin:6px 0;font-size:.9rem}.screen-step-number{background:var(--surface0);border:1px solid var(--line);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.screen-step-state{color:var(--muted);font-size:.8rem}.screen-step-list [data-complete] .screen-step-state{color:var(--success);font-weight:700}@media (width>=761px){html[data-screen] .lesson-preparation-list{padding:25px 0}html[data-screen] .item-flow-main{padding-top:35px}html[data-screen] .topic-main h2{font-size:1.65rem}}@media (width<=380px){html[data-screen]{--screen-padding:16px}html[data-screen] .lesson-preparation-target{font-size:1.4rem}html[data-screen] .button{padding:9px 12px}}@media (prefers-reduced-motion:reduce){html[data-screen] *,html[data-screen] :before,html[data-screen] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.screen-overview{padding:24px!important}html[data-screen] .screen-lesson-meta{color:var(--muted);margin:0 0 12px;font-size:.8rem}html[data-screen] .lesson-preparation-actions,html[data-screen] .lesson-preparation-navigation{align-self:stretch;width:100%;max-width:none}html[data-screen] .topic-pagination{display:none!important}html[data-screen] .topic-app[data-screen-mode=speaking] .aligned-controls [data-speak-record]{color:var(--ink);background:var(--surface0);border:1px solid var(--line);justify-content:center;align-items:center;display:flex}html[data-screen] .topic-app[data-screen-mode=speaking] .aligned-controls [data-speak-record].is-recording{color:var(--danger);border-color:var(--danger)}html[data-screen] .topic-app[data-screen-mode=speaking] .story-speaking-recommendation,html[data-screen] .topic-app[data-screen-mode=speaking] .aligned-section-label{display:none!important}html[data-screen] .topic-app[data-screen-mode=speaking] [data-story-sentence-list] .aligned-sentence{background:0 0!important}html[data-screen] .vocabulary-grid.study-mode{grid-template-columns:1fr}html[data-screen] .vocabulary-grid .vocab-card.hidden{display:none!important}html[data-screen] .item-flow-feedback>.item-flow-feedback-actions:first-of-type{position:static;inset:auto}html[data-screen] .item-flow-feedback .button{flex:1;width:auto;min-height:44px}html[data-screen] .item-flow-answer-pair{grid-template-columns:auto 1fr;align-items:baseline}html[data-screen] .item-flow-header-top{position:absolute;top:0;right:0}html[data-screen] .item-flow-header-top>button{min-height:44px}html[data-screen] .item-flow-progress-copy{min-height:44px;padding-right:70px}html[data-screen] .screen-support summary{min-height:44px}html[data-screen] .item-flow-actionbar{backdrop-filter:none}html[data-screen] .screen-speaking-status{color:var(--muted);white-space:normal;background:0 0;grid-column:1/-1;font-size:.75rem}html[data-screen] .topic-app[data-screen-mode=comprehension] .story-aligned,html[data-screen] .topic-app[data-screen-mode=comprehension] .story-extra-notes,html[data-screen] .topic-app[data-screen-mode=comprehension] .screen-transfer,html[data-screen] .topic-app[data-screen-mode=comprehension] [data-topic-audio-wrap],html[data-screen] .topic-app[data-screen-mode=comprehension] .step-flow-nav{display:none!important}html[data-screen] .topic-app[data-screen-mode=comprehension] [data-story-comprehension]{background:0 0;border:0;margin:0;padding:10px 0}html[data-screen] .topic-app[data-screen-mode=comprehension] [data-story-comprehension]>.section-heading,html[data-screen] .topic-app[data-screen-mode=comprehension] [data-story-comprehension]>summary{display:none}html[data-screen] .story-question-list{padding:22px 0}html[data-screen] .screen-question-options>summary{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;font-size:.8rem;display:flex}html[data-screen] [data-screen-questions-return]{width:100%;color:var(--muted);background:0 0;border:0;justify-content:center;margin-top:14px;display:flex}.screen-save-warning{background:var(--surface0);max-width:850px;color:var(--warning);margin:0 auto;padding:10px 20px;font-size:.85rem}html[data-screen] .screen-mic-status{color:var(--warning);font-size:.85rem}html[data-screen] .topic-app:not([data-screen-mode=speaking]) .screen-mic-status,.screen-desktop-topic,.screen-study-context,html[data-screen] .screen-inline-note>summary{display:none}html[data-screen] .screen-inline-note .aligned-note{color:var(--muted);font-size:.85rem;line-height:1.55}html[data-screen] .screen-concept+.screen-concept:not([hidden]){margin-top:18px}@media (width>=1100px){html[data-screen]{--screen-stage-height:min(700px,calc(var(--screen-vh,100svh) - 150px - var(--screen-notice-space,0px)))}html[data-screen] body{background:var(--mantle)}html[data-screen] .screen-header{border-bottom:1px solid var(--line);background:0 0;width:min(1180px,100% - 64px);padding:12px 0}html[data-screen] .screen-header h1{font-size:1.15rem}html[data-screen] .screen-desktop-topic{text-align:right;max-width:55ch;color:var(--muted);font-size:.88rem;line-height:1.5;display:block}html[data-screen] .topic-app{width:min(1180px,100% - 64px);margin:24px auto 32px;padding:0}html[data-screen] .topic-shell:has(.screen-study-context){grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:32px;display:grid}html[data-screen] .topic-main{min-height:var(--screen-stage-height);background:var(--base);border:1px solid var(--line);border-radius:12px;padding:24px 28px}html[data-screen] .screen-study-context{padding:22px 8px;display:block;position:sticky;top:24px}html[data-screen] .screen-study-context h2{margin:0 0 12px;font-size:1rem}html[data-screen] .screen-study-context>p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.75}html[data-screen] .screen-references{margin-top:30px}html[data-screen] .screen-references h3{color:var(--muted);margin:0;font-size:.8rem;font-weight:600}html[data-screen] .screen-references>div{border-bottom:1px solid var(--line);padding:18px 0}html[data-screen] .screen-references p{color:var(--muted);margin:6px 0 0;font-size:.85rem;line-height:1.6}html[data-screen] .screen-references .screen-reference-target{color:var(--ink);font-size:1rem;font-weight:650}html[data-screen] .lesson-preparation .section-heading{padding-top:0}html[data-screen] .lesson-preparation .section-heading h2{font-size:1.4rem}html[data-screen] .lesson-preparation-target{font-size:2.15rem;line-height:1.4}html[data-screen] .lesson-preparation-audio{flex-direction:row}html[data-screen] .lesson-preparation-audio>.button{flex:0 auto;width:auto}html[data-screen] .lesson-preparation-navigation>button{flex:0 auto;min-width:150px}html[data-screen] .lesson-preparation-navigation{justify-content:space-between}html[data-screen] [data-lesson-explanation]:not([hidden]){min-height:calc(var(--screen-stage-height) - 50px)}html[data-screen] [data-lesson-explanation]>.markdown-body{padding-top:6px}html[data-screen] .screen-concept{max-width:70ch;font-size:1rem}html[data-screen] .screen-concept h2{font-size:1.3rem}html[data-screen] .screen-concept p{margin:12px 0;line-height:1.65}html[data-screen] .screen-theory-nav{padding-bottom:0}html[data-screen] .item-flow-view{min-height:calc(var(--screen-stage-height) - 50px)}html[data-screen] .item-flow-header{padding-bottom:18px}html[data-screen] .item-flow-main{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);grid-auto-rows:min-content;align-content:center;align-items:start;column-gap:56px;padding:28px 12px 36px;display:grid}html[data-screen] .item-flow-main>*{grid-column:1}html[data-screen] .item-flow-main h2{margin:12px 0 24px;font-size:2rem;line-height:1.4}html[data-screen] .item-flow-main>.item-flow-options,html[data-screen] .item-flow-main>.item-flow-input{grid-area:1/2/span 4;margin:0}html[data-screen] .item-flow-main>.item-flow-unknown{grid-column:2}html[data-screen] .item-flow-main>.item-flow-review-card{grid-area:1/2/span 4}html[data-screen] .item-flow-option{min-height:64px;padding:13px 18px}html[data-screen] .item-flow-actionbar{justify-content:flex-end;padding-bottom:0}html[data-screen] .item-flow-actionbar>.button{flex:none;min-width:170px}html[data-screen] .item-flow-actionbar>.item-flow-feedback{flex:450px}html[data-screen] .item-flow-intro,html[data-screen] .item-flow-summary{width:100%;max-width:680px;margin:auto;padding:24px 0}html[data-screen] .item-flow-sheet{place-items:center}html[data-screen] .item-flow-sheet>section{border-radius:12px;width:min(760px,100vw - 64px);max-height:80vh}html[data-screen] .topic-app[data-screen-mode=speaking] .screen-study-context{display:none}html[data-screen] .topic-app[data-screen-mode=speaking] .topic-shell{grid-template-columns:minmax(0,1fr)}html[data-screen] .topic-app[data-screen-mode=speaking] .lesson-preparation-card:not([hidden]){grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;gap:56px;display:grid}html[data-screen] .topic-app[data-screen-mode=speaking] .lesson-preparation-audio{grid-template-columns:1fr;display:grid}html[data-screen] .topic-app[data-screen-mode=speaking] .lesson-preparation-audio>.button{width:100%;min-height:54px}html[data-screen] .topic-app[data-screen-mode=speaking] .screen-speech-return{align-self:flex-end;min-width:240px;margin-bottom:0}html[data-screen] .topic-app[data-screen-mode=speaking] .aligned-line{grid-template-columns:minmax(0,1fr) 370px;align-items:center;gap:56px;display:grid}html[data-screen] .topic-app[data-screen-mode=speaking] .aligned-controls{grid-column:2}html[data-screen] .topic-app[data-screen-mode=speaking] [data-reveal-translation]{grid-column:1;font-size:1.85rem}html[data-screen] .topic-app[data-screen-mode=speaking] [data-speak-playback]{width:370px;margin-left:auto}html[data-screen] .topic-app[data-screen-mode=speaking] .screen-speaking-nav{width:100%;max-width:740px;margin:20px auto 0;padding-bottom:0}html[data-screen] .topic-app[data-current-step=story]:not([data-screen-mode=speaking]):not([data-screen-mode=comprehension]){max-width:960px}html[data-screen] .topic-app[data-current-step=story]:not([data-screen-mode=speaking]):not([data-screen-mode=comprehension]) .topic-main{min-height:0;padding:28px 42px}html[data-screen] .topic-app:not([data-screen-mode=speaking]) .story-aligned>.section-heading{grid-template-columns:1fr auto;gap:8px 24px;display:grid}html[data-screen] .story-aligned>.section-heading h2,html[data-screen] .story-aligned>.section-heading .aligned-hint{grid-column:1;margin:0}html[data-screen] [data-screen-story-speak]{grid-area:1/2/span 2;align-self:center;margin:0}html[data-screen] .vocabulary-grid.study-mode{width:100%;max-width:680px;margin-inline:auto}html[data-screen] .topic-app[data-screen-mode=comprehension] [data-story-comprehension]{width:100%;max-width:780px;margin:auto}.screen-overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-content:start;column-gap:64px;width:min(1180px,100% - 64px);display:grid}.screen-overview>*{grid-column:1}.screen-overview .screen-step-list{grid-area:1/2/span 9;margin:0}.screen-overview h1{font-size:2.3rem;line-height:1.25}html[data-screen] .item-flow-actionbar>.button{width:auto}html[data-screen] .item-flow-option{font-size:1rem}html[data-screen] .lesson-preparation-actions{grid-template-columns:1fr}html[data-screen] [data-lesson-preparation-skip]{justify-self:start;padding-inline:0}}.screen-vocab-options{margin:4px 0 12px}.screen-vocab-options>summary{cursor:pointer;min-height:44px;color:var(--muted);align-items:center;font-size:.85rem;display:flex}.screen-vocab-options>summary:after{content:"⌄";margin-left:auto}.screen-vocab-options[open]>summary:after{content:"⌃"}.screen-vocab-options .vocab-controls{margin:10px 0}@media (width<=1099px){html[data-screen] #vocabulario>.section-heading>h2,html[data-screen] #vocabulario .section-heading-meta>.eyebrow{display:none}html[data-screen] #vocabulario>.section-heading{margin-bottom:8px}html[data-screen] #vocabulario .vocab-study-status{background:0 0;border:0;gap:4px;margin:0 0 8px;padding:0;font-size:.85rem}html[data-screen] #vocabulario .vocab-audio-status{margin:0;padding:6px 10px;font-size:.85rem;font-weight:500;line-height:1.4}html[data-screen] #vocabulario .screen-vocab-options{margin:0 0 8px}html[data-screen] #vocabulario .study-card-vocab.is-vocab-deck-card{gap:8px;min-height:0;padding:14px}html[data-screen] #vocabulario .is-vocab-deck-card .vocab-card-prompt{margin-top:4px}html[data-screen] #vocabulario .is-vocab-deck-card .vocab-translation{min-height:0;margin-top:4px;padding:8px}html[data-screen] #vocabulario .vocab-actions{gap:10px;margin-top:4px}html[data-screen] #vocabulario .vocab-mark{min-height:44px}}@media (width>=1100px){.screen-vocab-options>summary{display:none}.screen-vocab-options[open]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.screen-vocab-options .vocab-view-tabs,.screen-vocab-options .vocab-controls{margin:0}}@media (width<=1099px){html[data-screen] #vocabulario .vocab-card .vocab-card-target{font-size:2rem;line-height:1.25}}@media (width>=1100px){html[data-screen] #vocabulario{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);grid-auto-rows:min-content;align-content:center;align-items:start;column-gap:36px;display:grid}html[data-screen] #vocabulario>*{grid-column:1}html[data-screen] #vocabulario>.section-heading>.section-heading-meta>.eyebrow{display:none}html[data-screen] #vocabulario>.vocabulary-grid,html[data-screen] #vocabulario>.vocab-round-complete{grid-area:1/2/span 7;max-width:none}html[data-screen] #vocabulario .vocab-study-status{background:0 0;padding:0}html[data-screen] #vocabulario .vocab-audio-status{padding:10px;font-size:.85rem}html[data-screen] #vocabulario .study-card-vocab.is-vocab-deck-card{gap:10px;min-height:0;padding:20px}html[data-screen] #vocabulario .vocab-card .vocab-card-target{font-size:2.2rem;line-height:1.25}html[data-screen] #vocabulario .is-vocab-deck-card .vocab-card-prompt{margin-top:0}}@media (width>=1100px) and (height<=800px){html[data-screen] .topic-app{margin-top:16px;margin-bottom:20px}html[data-screen] .topic-main{padding:18px 24px}html[data-screen] .screen-study-context{padding-top:12px}html[data-screen] .screen-references{margin-top:18px}html[data-screen] .screen-references>div{padding:12px 0}html[data-screen] .screen-concept h2{margin-top:16px;padding-top:12px}html[data-screen] .screen-concept+.screen-concept:not([hidden]){margin-top:12px}html[data-screen] .item-flow-main{padding-block:16px}html[data-screen] #vocabulario .study-card-vocab.is-vocab-deck-card{gap:8px;padding:14px}}@media (width>=1100px){html[data-screen] #vocabulario .vocab-mark,html[data-screen] #vocabulario .vocab-reveal{min-height:44px}html[data-screen] #vocabulario .vocab-mark{min-width:72px}html[data-screen] .step-flow-nav{box-shadow:none;backdrop-filter:none}html[data-screen] .step-flow-nav [data-step-next]{flex:0 auto;min-width:200px;margin-left:auto}html[data-screen] [data-flash-card]{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:center;column-gap:32px}html[data-screen] [data-flash-card]>*{grid-column:2}html[data-screen] [data-flash-card]>.flash-scene{grid-area:1/1/span 3}}html[data-screen] .item-flow-view:has(.item-flow-review-card) .item-flow-header-top{justify-content:space-between;align-items:center;margin-bottom:8px;position:static}html[data-screen] .item-flow-view:has(.item-flow-review-card) .item-flow-header-top>div{display:grid}.screen-header .screen-mobile-topic{margin-top:2px;font-size:.75rem;line-height:1.4;display:block}.screen-speaking-context,html[data-screen] .screen-speaking-status{display:none}html[data-screen] .topic-app[data-screen-mode=speaking] .story-aligned{padding-top:24px}html[data-screen] .topic-app[data-screen-mode=speaking] .lesson-preparation-list{align-items:flex-start;padding-top:24px}html[data-screen] .topic-app[data-screen-mode=speaking] .screen-speaking-context{color:var(--muted);margin:0 0 24px;font-size:.85rem;line-height:1.5;display:block}html[data-screen] .topic-app[data-screen-mode=speaking] [data-story-sentence-list]{flex:0;align-items:flex-start}html[data-screen] .topic-app[data-screen-mode=speaking] .screen-speaking-status{align-self:flex-start;margin:16px 0 0;display:block}html[data-screen] [data-screen-story-speak],html[data-screen] .item-flow-header-top>button,html[data-screen] .screen-support summary,html[data-screen] .item-flow-feedback-actions .button{min-height:44px}html[data-screen] [data-story-sentence-list] .aligned-icon-btn{min-width:44px;min-height:44px}@media (width>=1100px){.screen-header .screen-mobile-topic{display:none}html[data-screen] .item-flow-view[data-screen-compact-question=true] .item-flow-main{grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);column-gap:32px;max-width:900px;margin-inline:auto}html[data-screen] .item-flow-view[data-screen-compact-question=true] .item-flow-actionbar{max-width:900px;margin-inline:auto}html[data-screen] .topic-app[data-screen-mode=speaking] .story-aligned{width:100%;max-width:900px;margin-inline:auto;padding-top:32px}html[data-screen] .topic-app[data-screen-mode=speaking] .aligned-line{gap:32px}}