/* Shared responsive corrections for the November roadmap. */
.cohort-homework-filter,.roadmap-filter{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}
.cohort-homework-filter>*,.roadmap-filter>*,.roadmap-card-grid>*,.lead-detail-grid>*{min-width:0}
.cohort-homework-filter input,.cohort-homework-filter select,.roadmap-filter input,.roadmap-filter select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.roadmap-filter{grid-template-columns:repeat(2,minmax(0,1fr)) auto;margin-block:16px}
.roadmap-filter label{display:grid;gap:6px}
.roadmap-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-block:16px}
.guest-demo{max-width:720px}.guest-demo form,.daily-practice form{margin-block:16px}.guest-demo progress{width:100%}
.roadmap-feedback{padding:14px 16px;border:2px solid;border-radius:12px;font-weight:600}
.roadmap-feedback.is-correct{color:#164d35;background:#e7f3e9;border-color:#3a7953}
.roadmap-feedback.is-wrong,.homework-revision-action{color:#633709;background:#fff1dc;border-color:#9b5a16}
.review-reason{font-size:14px;color:#4b5c53}.daily-practice input{width:100%;min-height:48px}
[data-favorites-empty],[data-favorites-import]{margin-block:16px;padding:16px;border:1px solid #bccac2;border-radius:14px}
.native-phrase-card button.is-favorite{color:#6a4109;background:#fff0cd}
.roadmap-audio{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block:10px}.roadmap-audio small{font-size:13px}.roadmap-audio [role=status]{width:100%;font-size:14px}
.roadmap-audio button,.roadmap-filter button{min-height:44px}.roadmap-audio audio[hidden]{display:none}
.notification-card time,.native-notification-card time,.notification-time,.native-stat-card small,.native-stat-card span{font-size:13px;color:#526158}
.accent-ochre .vocab-native,.accent-ochre .native-card-label,.accent-ochre .native-language-label{color:#76551c}
.dashboard-card form input,.dashboard-card form textarea,.dashboard-card form select{max-width:100%;box-sizing:border-box}
.lead-contact-actions{display:flex;gap:10px;flex-wrap:wrap}.lead-contact-actions a,.lead-contact-actions button{min-height:44px}.lead-card-summary p{overflow-wrap:anywhere}
.lead-detail-grid{align-items:start}.lead-attribution{margin-top:16px}
.lesson-journey.is-guided{padding:12px;margin-block:12px}.lesson-flow-heading small{display:none}.lesson-flow-tabs{gap:6px;flex-wrap:wrap}.lesson-flow-tabs a{font-size:13px;padding:6px 9px;min-height:36px;display:inline-flex;align-items:center}
[data-active-stage]:not([data-active-stage=all]) .lesson-practice>.lesson-block-label,[data-active-stage]:not([data-active-stage=all]) .lesson-practice>h2,[data-active-stage]:not([data-active-stage=all]) .lesson-practice>.lesson-hint{display:none}
[data-active-stage]:not([data-active-stage=all]) .native-lesson-summary{padding:8px 12px;margin-block:6px}
[data-active-stage]:not([data-active-stage=all]) .lesson-practice{padding-top:14px}
.lesson-practice-meta{margin-block:0 8px}.lesson-question-nav{display:flex;gap:8px;flex-wrap:wrap}.lesson-question-nav button{font-size:14px}
.lesson-flow-controls{gap:8px;flex-wrap:wrap}.lesson-flow-controls button{font-size:14px}
[data-theme=dark] .roadmap-feedback.is-correct{background:#183c2d;color:#d7f5df;border-color:#83b994}
[data-theme=dark] .roadmap-feedback.is-wrong,[data-theme=dark] .homework-revision-action{background:#45341d;color:#ffe4b6;border-color:#d6a666}
[data-theme=dark] .review-reason,[data-theme=dark] .notification-card time,[data-theme=dark] .native-notification-card time,[data-theme=dark] .notification-time,[data-theme=dark] .native-stat-card small,[data-theme=dark] .native-stat-card span{color:#b8c8be}
[data-theme=dark] .native-phrase-card button.is-favorite{color:#ffe0a0;background:#514022}
@media(max-width:700px){.cohort-homework-filter,.roadmap-filter{grid-template-columns:minmax(0,1fr)}.cohort-homework-filter label{width:100%;min-width:0}.cohort-homework-filter button{width:100%}.native-app-heading h1{font-size:18px}.native-app-heading small{font-size:12px}.native-app-header-main{gap:8px}.native-lesson-block{padding:16px}.lesson-practice h3{font-size:20px;margin-block:10px}.native-app-body:has([data-lesson-flow]){padding-top:8px}.native-app-header:has(+.native-app-body [data-lesson-flow]) .native-app-heading small{display:none}}
@media(prefers-reduced-motion:reduce){.roadmap-feedback,.is-answer-pop,.is-answer-shake{animation:none!important;transition:none!important}}
.accent-ochre{--accent:#79551c}
.native-stat-grid small,.native-week-days.is-wide small,.native-progress-course-list span,.native-notification-list small{font-size:13px;color:#536359}
.native-favorites-toggle{min-height:44px;font-size:14px}.native-favorites-toggle.active{color:#684812;background:#f6ecd4}
.homework-state.status-revision{color:#75480f;background:#fff4dc}
[data-readiness-dialog] [data-readiness-list] p{color:#52634e;font-size:13px}
.lesson-flow-heading{margin-bottom:10px}
.native-app-body:is([data-active-stage=practice],[data-active-stage=quiz]) .native-lesson-summary{display:none}
.audio-unavailable{display:block;font-size:13px;color:#536359;margin-block:6px}
html[data-theme=dark] .native-student-app .native-stat-grid small,html[data-theme=dark] .native-week-days.is-wide small,html[data-theme=dark] .native-student-app .native-progress-course-list span,html[data-theme=dark] .native-notification-list small,html[data-theme=dark] .audio-unavailable{color:#b8c8be}
html[data-theme=dark] .native-favorites-toggle.active{color:#ffe0a0;background:#514022}
html[data-theme=dark] .homework-state.status-revision{color:#ffe3b6;background:#44331d}
html[data-theme=dark] [data-readiness-dialog]{background:#18211d;color:#eef3f0}html[data-theme=dark] [data-readiness-dialog] [data-readiness-list] p{color:#c4d6c4}
@media(max-width:700px){.native-filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.native-filter-bar label:has(input[type=search]){grid-column:1/3}.native-filter-bar input,.native-filter-bar select{min-width:0;width:100%;max-width:100%}.native-filter-bar>button{min-height:44px;width:44px}}

.native-desktop-gate-kicker{color:#84503a}
html[data-theme=dark] .native-section-title>div>span{color:#e5b7a4}
html[data-theme=dark] .native-empty-card>p{color:#b9c9bf}
html[data-theme=dark] .native-app-body .dashboard-card .field label{color:#d1ded7}
html[data-theme=dark] .teacher-saved-feedback,html[data-theme=dark] .teacher-saved-feedback strong,html[data-theme=dark] .teacher-saved-feedback p,html[data-theme=dark] .teacher-saved-feedback small{color:#e5efe9}

.lead-student-suggestions{margin-block:16px}.lead-student-suggestions button{display:block;max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere}.lead-student-suggestions small{display:block;margin:6px 0 12px;font-size:13px}

.native-trial-content{min-width:0;overflow-wrap:anywhere}.native-trial-content h1{font-size:clamp(24px,6vw,32px);line-height:1.2}.native-trial-content h2{font-size:22px}.native-trial-content .dashboard-card{min-width:0;margin-block:14px;padding:18px}.native-trial-content .roadmap-card-grid{grid-template-columns:minmax(0,1fr)}.native-trial-content form{display:grid;gap:12px;margin-block:18px}.native-trial-content :is(input,select,.button){width:100%;min-width:0;max-width:100%;min-height:44px}.native-trial-content .button{white-space:normal;margin-block:4px}.native-trial-content progress{width:100%}.native-trial-page .native-app-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.native-trial-page .native-app-heading strong{font-size:18px}

.hero-learning-note{margin:14px 0 0;color:#f2d48e;font-size:15px;line-height:1.5}.native-free-tabbar{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-language-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.trial-language-card{display:block;color:inherit;text-decoration:none;min-width:0;margin:0;padding:18px}.trial-language-card h3{margin:0;font-size:22px}.trial-language-card p{margin:6px 0 12px}.trial-language-card span{font-weight:700}.free-trial-result{margin-bottom:18px;overflow-wrap:anywhere}.free-trial-result .button{max-width:100%;white-space:normal;min-height:44px}.trial-login-link a{display:inline-flex;align-items:center;min-height:44px}.native-free-tabbar a{min-height:60px}
html[data-theme=dark] .native-student-app .dashboard-card{background:#1c2b24;border-color:#405048;color:#e9efec}html[data-theme=dark] .native-student-app .dashboard-card p{color:#c7d4cc}html[data-theme=dark] .native-student-app .eyebrow{color:#e5b7a4}html[data-theme=dark] .native-trial-content>a,html[data-theme=dark] .trial-login-link a{color:#e9c67d}

.demo-lesson{min-width:0;padding-bottom:12px;overflow-wrap:anywhere}.demo-hero{position:relative;padding:28px 24px;border-radius:24px;color:#fff;background:radial-gradient(ellipse at top right,rgba(235,191,96,.2),transparent 65%),#153e34;overflow:hidden}.demo-hero-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border:1px solid #799785;border-radius:16px;color:#f2ce83}.demo-heading-icon{width:26px;height:26px}.demo-kicker{margin:0 0 12px;color:#f2ce83;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.demo-hero h1{margin:0 0 14px;color:#fff;font-family:var(--serif);font-size:clamp(30px,7vw,44px);line-height:1.14}.demo-hero>p:last-of-type{margin:0;color:#dfe9e2;font-size:16px;line-height:1.65}.demo-hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.demo-hero-facts span{padding:6px 10px;border:1px solid #6d8c7d;border-radius:30px;color:#f6e8c6;font-size:12px}.demo-stage-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:24px 0 10px;padding:0;list-style:none}.demo-stage-map li{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;color:#52645a;font-size:11px;font-weight:700}.demo-stage-map li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #a9b9af;border-radius:50%;background:#fff}.demo-stage-map .is-current{color:#153e34}.demo-stage-map .is-current>span{background:#153e34;color:#fff;border-color:#153e34}.demo-stage-map .is-done>span{background:#e0eadd;color:#254c30;border-color:#a2b99d}.demo-progress{display:block;width:100%;height:5px;margin:14px 0 24px;accent-color:#416d55}.demo-panel{min-width:0;margin:18px 0;padding:24px;border:1px solid #dce3db;border-radius:22px;background:#fff;color:#1b2922}.demo-panel>p{font-size:16px;line-height:1.65;color:#4d5f54}.demo-section-heading>span{font-size:12px;font-weight:800;letter-spacing:.06em;color:#805036}.demo-section-heading h2{margin:9px 0 18px;font-size:26px;line-height:1.2}.demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.demo-actions .button{min-height:48px;max-width:100%;white-space:normal}.demo-lesson .demo-actions{display:flex}.demo-conversation .lesson-dialogue-list{margin-bottom:0}.demo-conversation .lesson-dialogue-turn{min-width:0}.demo-conversation .lesson-dialogue-bubble{min-width:0;max-width:100%}.demo-conversation .lesson-target-line{font-size:21px;line-height:1.4}.demo-conversation .roadmap-audio{margin-bottom:0}.demo-conversation .roadmap-audio .button{font-size:13px;min-height:44px;padding:8px 12px}.demo-lesson .roadmap-audio small{font-size:12px}.demo-prose p{font-size:16px;line-height:1.75;margin:12px 0}.demo-language-note{margin-top:22px;padding:18px;border-left:3px solid #b98732;border-radius:0 14px 14px 0;background:#f8f1df}.demo-language-note>strong{color:#6e4b13}.demo-phrase-grid{display:grid;gap:12px}.demo-phrase-card{padding:18px;border:1px solid #dce3db;border-radius:16px;background:#fafaf6}.demo-phrase-card summary{display:flex;flex-direction:column;gap:8px;cursor:pointer;min-height:44px}.demo-phrase-card summary strong{font-size:21px;line-height:1.4}.demo-phrase-card summary span{font-size:13px;color:#51684f}.demo-phrase-card details>p{font-size:16px;color:#526458}.demo-phrase-card .button{min-height:44px;font-size:14px}.demo-question-quote{margin:18px 0;padding:20px;border-radius:16px;background:#eef3ec;font-size:24px;font-weight:700;line-height:1.5}.demo-question-prompt{font-weight:600}.demo-options{display:grid;gap:10px;min-width:0;border:0;padding:0;margin:18px 0}.demo-options label{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px;border:1px solid #aab9ad;border-radius:14px;cursor:pointer}.demo-options label:has(input:checked){border-color:#2e6348;background:#edf4e9}.demo-options input{flex:0 0 auto;width:20px;height:20px;min-height:20px;accent-color:#285a40}.demo-options span{min-width:0;font-size:16px;line-height:1.5}.demo-answer-form .field input{width:100%;max-width:100%;min-width:0;min-height:52px;font-size:18px}.demo-hint-button{padding:10px 0;min-height:44px;color:#46634e;font-weight:700;border:0;background:transparent;text-decoration:underline;cursor:pointer}.demo-hint{padding:18px;border-radius:14px;background:#fbf1d6;color:#5c4314}.demo-hint p{font-size:21px;line-height:1.5}.demo-hint small{display:block;font-size:13px;line-height:1.5}.demo-role-label{margin:0 0 18px}.demo-role-cue{padding:18px;border-radius:18px 18px 18px 3px;background:#eef3ec}.demo-role-cue>span{font-size:13px;color:#526458}.demo-role-cue>p{font-size:23px;font-weight:700;line-height:1.4}.demo-role-cue summary{min-height:44px;cursor:pointer}.demo-feedback{padding:20px;border-radius:16px;margin-top:22px;line-height:1.6}.demo-feedback.is-correct{background:#edf5e9;border:1px solid #99b78d;color:#224425}.demo-feedback.is-retry{background:#fff4e3;border:1px solid #ceae77;color:#604014}.demo-feedback p{margin:10px 0}.demo-feedback small{font-size:13px}.demo-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.demo-result-stats>div{padding:16px 5px;border-radius:14px;background:#eef3ec;text-align:center}.demo-result-stats strong{display:block;font-size:32px;color:#214d38}.demo-result-stats span{display:block;font-size:12px;line-height:1.5;color:#465c4d}.demo-result-details>summary{padding:12px 0;min-height:44px;cursor:pointer;font-weight:700}.demo-answer-review{padding:16px 0;border-top:1px solid #d5dfd3}.demo-answer-review p{font-size:15px;line-height:1.6}.demo-result .demo-result-note{font-size:13px;color:#56675a}.demo-language-back{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;color:#425e49;font-size:14px}
@media(max-width:390px){.demo-hero{padding:24px 18px}.demo-panel{padding:18px 14px}.demo-conversation .lesson-dialogue-turn{gap:7px}.demo-conversation .lesson-speaker-avatar{width:34px;height:34px}.demo-conversation .lesson-dialogue-bubble{padding:13px 11px}.demo-conversation .lesson-target-line{font-size:19px}.demo-result-stats{gap:5px}.demo-result-stats span{font-size:11px}.demo-actions>.button{width:100%}.demo-hero-facts span{font-size:11px}}
html[data-theme=dark] .demo-panel{background:#1c2b24;border-color:#405048;color:#eef3ef}html[data-theme=dark] .demo-panel>p,html[data-theme=dark] .demo-prose,html[data-theme=dark] .demo-result .demo-result-note{color:#c7d4cc}html[data-theme=dark] .demo-stage-map li{color:#bdcfc2}html[data-theme=dark] .demo-stage-map li>span{background:#253e30;border-color:#74937f;color:#e8f2eb}html[data-theme=dark] .demo-stage-map .is-current>span{background:#d4b96f;color:#1b2f24;border-color:#d4b96f}html[data-theme=dark] .demo-stage-map .is-done>span{background:#385c41;color:#f0f7ec}html[data-theme=dark] .demo-section-heading>span{color:#e5b7a4}html[data-theme=dark] .demo-language-note{background:#38321e;border-color:#d7b56b}html[data-theme=dark] .demo-language-note>strong{color:#f2d48e}html[data-theme=dark] .demo-phrase-card{background:#15231c;border-color:#405048}html[data-theme=dark] .demo-phrase-card details>p,html[data-theme=dark] .demo-phrase-card summary span,html[data-theme=dark] .demo-role-cue>span{color:#bed1c2}html[data-theme=dark] .demo-question-quote,html[data-theme=dark] .demo-role-cue,html[data-theme=dark] .demo-result-stats>div{background:#294032;color:#eef5ee}html[data-theme=dark] .demo-options label{border-color:#71917a}html[data-theme=dark] .demo-options label:has(input:checked){background:#36583e;border-color:#9dc090}html[data-theme=dark] .demo-hint-button,html[data-theme=dark] .demo-language-back{color:#d3c78e}html[data-theme=dark] .demo-feedback.is-correct{background:#25452f;color:#e4f2dd;border-color:#82a96f}html[data-theme=dark] .demo-feedback.is-retry,html[data-theme=dark] .demo-hint{background:#45351e;color:#ffe5af;border-color:#c5a766}html[data-theme=dark] .demo-result-stats strong{color:#e3cf8e}html[data-theme=dark] .demo-result-stats span{color:#c6d8c9}html[data-theme=dark] .demo-answer-review{border-color:#405048}
html[data-theme=dark] .demo-conversation .lesson-dialogue-bubble>small{color:#c1d1c6}
.demo-hero-icon{display:none}.demo-hero.is-compact{padding:20px}.demo-hero.is-compact h1{font-family:var(--sans);font-size:25px;line-height:1.25;margin:0}.demo-hero.is-compact>.demo-hero-icon,.demo-hero.is-compact>p:last-of-type,.demo-hero.is-compact .demo-hero-facts{display:none}.demo-hero.is-compact .demo-kicker{margin-bottom:8px}.demo-conversation .lesson-dialogue-bubble summary{min-height:44px}
html[data-theme=dark] .demo-conversation .lesson-dialogue-bubble details summary,html[data-theme=dark] .demo-conversation .lesson-dialogue-bubble details p{color:#c7d6cb}
html[data-theme=dark] .demo-answer-form .field label{color:#d1ded7}