/* Minimal, linear lesson experience. The learning screen intentionally has no game HUD, XP panels or secondary navigation. */
:root{--paper:#f7f6f2;--paper-deep:#eeece6;--card:#fff;--ink:#262522;--ink-soft:#56524c;--muted:#79746d;--line:#e1ded6;--coral:#b65039;--coral-deep:#96412f;--yellow:#e5bf77;--mint:#b99c83;--lavender:#b9a9a1;--danger:#b65039;--shadow:0 1px 4px rgba(40,35,29,.06);--shadow-strong:0 8px 26px rgba(40,35,29,.10)}
html,body{background:var(--paper)!important;color:var(--ink)!important}body{padding:0!important;font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important}
.topbar{height:62px;padding:0 max(18px,calc((100vw - 1100px)/2));background:#fff;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none}
.brand,.brand:visited{color:var(--ink)}.brand strong{font-size:12px;letter-spacing:0}.brand small{color:var(--muted);font-size:9px}.logo{width:30px;height:30px;border-radius:8px;background:#f1eee8;border:1px solid var(--line);box-shadow:none;color:var(--ink)}.logo b{font:700 15px system-ui}.logo i{display:none}
.mobile-menu,.top-actions .xp,#soundBtn{display:none!important}.top-actions .icon-btn{width:38px;height:38px;min-height:38px;min-width:38px;border-radius:9px;background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.app-shell{display:block;min-height:calc(100vh - 62px)}.sidebar,.mobile-nav,.gesture-hint,.site-credit{display:none!important}#app{min-height:calc(100vh - 62px)}.view{max-width:900px;margin:0 auto;padding:32px 24px 64px}
.btn{min-height:43px;padding:0 17px;border:0;border-radius:8px;background:#b65039;color:white;box-shadow:none;font:650 13px system-ui}.btn:hover{background:#96412f;box-shadow:none;transform:none}.btn.secondary{background:#f0eee9;border:1px solid var(--line);color:var(--ink);box-shadow:none}.text-btn{color:#9c432f;font:600 12px system-ui;text-decoration:none}.text-btn:hover{text-decoration:underline;text-underline-offset:3px}
.course-label{display:block;color:#8d4939;font-size:11px;font-weight:700;letter-spacing:.02em}.simple-page-heading{padding:8px 0 24px;border-bottom:1px solid var(--line)}.simple-page-heading h1{margin:6px 0 8px;color:var(--ink);font-size:34px;line-height:1.2;font-weight:700;letter-spacing:-.04em}.simple-page-heading>p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.7}.unit-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.unit-summary span{padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);font-size:10px}
.current-lesson-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:20px 0;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.current-lesson-card h2{margin:5px 0;color:var(--ink);font-size:20px;font-weight:700}.current-lesson-card p{max-width:610px;margin:0;color:var(--ink-soft);font-size:12px;line-height:1.65}.current-lesson-progress{margin-top:10px;color:var(--muted);font-size:10px}.current-lesson-progress b{color:var(--ink)}.current-lesson-card .btn{flex:none}
.unit-lessons{margin-top:28px}.simple-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.simple-section-heading h2{margin:4px 0 0;font-size:19px}.simple-section-heading>span{color:var(--muted);font-size:10px}.simple-stage-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.simple-stage-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:8px}.simple-stage-index{width:29px;height:29px;display:grid;place-items:center;border:1px solid #d8d4cc;border-radius:50%;color:#706b64;font-size:10px;font-weight:700}.simple-stage-copy small{color:var(--muted);font-size:9px}.simple-stage-copy h3{margin:2px 0 3px;color:var(--ink);font-size:13px;font-weight:650}.simple-stage-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.simple-stage-progress{color:var(--muted);font-size:10px}.simple-stage-item.active{background:#fffdfa;border-color:#bd705d;box-shadow:inset 3px 0 0 #b65039}.simple-stage-item.active .simple-stage-index{background:#b65039;border-color:#b65039;color:#fff}.simple-stage-item.done .simple-stage-index{background:#eee9e1;border-color:#c9b9a7;color:#604c41}.simple-stage-item.locked{opacity:.58}
.content-availability{margin-top:17px;padding:11px 13px;border:1px solid #e2ded6;border-radius:8px;background:#f1efe9}.content-availability b{font-size:10px}.content-availability p{margin:4px 0 0;color:#6f6a63;font-size:10px;line-height:1.65}
.course-header{padding:4px 0 18px;border-bottom:1px solid var(--line)}.back-to-course{display:inline-block;margin-bottom:14px;color:#8d4939;font-size:11px;text-decoration:none}.back-to-course:hover{text-decoration:underline}.course-title-row{display:flex;align-items:start;justify-content:space-between;gap:14px}.course-title-row h1{margin:4px 0 5px;color:var(--ink);font-size:28px;line-height:1.2;letter-spacing:-.03em}.course-title-row p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.65}.lesson-count{padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);font-size:10px;white-space:nowrap}.unit-progress{max-width:460px;margin-top:15px}.unit-progress-copy{display:flex;justify-content:space-between;margin-bottom:5px;color:var(--muted);font-size:9px}.unit-progress-copy b{color:var(--ink)}.unit-progress .progressbar{height:5px;background:#e9e6df}.unit-progress .progressbar i{background:#b65039}.simple-learning-steps{display:flex;align-items:center;gap:0;margin:17px 0 0;padding:0;list-style:none}.simple-learning-steps li{position:relative;display:flex;align-items:center;gap:7px;flex:1;color:#87827a;font-size:10px}.simple-learning-steps li:not(:last-child):after{content:"";height:1px;flex:1;margin:0 10px;background:#dfdcd5}.simple-learning-steps li span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #d8d4cc;border-radius:50%;background:#fff;color:#716d66;font-size:9px}.simple-learning-steps li.active{color:#8d4939;font-weight:700}.simple-learning-steps li.active span{background:#b65039;border-color:#b65039;color:#fff}.simple-learning-steps li.done span{background:#eee9e1;border-color:#d5c7b5;color:#604c41}
.lesson-content,.question-content{max-width:760px;margin:22px auto 0}.lesson-card,.question-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.lesson-card-label{color:#8d4939;font-size:10px;font-weight:700}.lesson-card h2{margin:7px 0 9px;color:var(--ink);font-size:23px;line-height:1.3}.lesson-explanation{margin:0;color:#555149;font-size:14px;line-height:1.85}.simple-formula{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin:17px 0;padding:12px;background:#f5f3ee;border-radius:7px}.simple-formula span{padding:8px 10px;border:1px solid #e2ddd4;border-radius:6px;background:#fff;color:#312f2b;font-size:11px;font-weight:650}.simple-formula i{color:#9b4e3c;font-size:11px;font-style:normal}.simple-example{display:grid;gap:7px;padding:13px 14px;border-left:3px solid #b65039;background:#faf9f6}.simple-example span{color:var(--muted);font-size:9px}.simple-example b{color:#25231f;font-size:14px;font-weight:600}.simple-note{margin-top:13px;padding:12px 14px;border:1px solid #e6e1d8;border-radius:7px;background:#fbfaf7}.simple-note b{font-size:10px;color:#8d4939}.simple-note p{margin:4px 0 0;color:#555149;font-size:11px;line-height:1.7}.after-lesson{margin:15px 0 12px;color:var(--muted);font-size:10px;line-height:1.7}.lesson-card>.btn{min-width:180px}
.question-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted);font-size:10px}.question-card{padding:22px}.question-instruction{margin:0 0 10px;color:#8d4939;font-size:11px;font-weight:600;line-height:1.7}.question-card>h2{margin:0;color:var(--ink);font-size:18px;line-height:1.6;font-weight:650;text-align:left}.question-hint{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.6;text-align:left}.question-target{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding:9px 11px;border-radius:6px;background:#f5f3ee;color:var(--muted);font-size:9px}.question-target b{color:var(--ink);font-size:9px;text-align:right}.sentence-label{display:block;margin:15px 0 6px;color:var(--ink);font-size:11px;font-weight:650}.sentence-editor{min-height:108px;padding:12px;border:1px solid #d8d3ca;border-radius:7px;background:#fff;color:#292722;font:14px/1.7 system-ui,sans-serif}.sentence-editor:focus{border-color:#b65039;outline:3px solid rgba(182,80,57,.12);box-shadow:none}.sentence-editor:disabled{background:#f7f6f2;color:#37342f;opacity:1}.editor-tools{display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);font-size:9px}.check-big{width:100%;margin-top:13px}.check-big[hidden]{display:none!important}
.builder-result.success,.builder-result.error{display:block;margin-top:14px;padding:0;border:0;background:transparent}.scenario-feedback{padding:14px 15px;border:1px solid #d8d1c6;border-radius:8px;background:#f5f4f0;color:var(--ink)}.scenario-feedback.is-wrong{border-color:#d7a89c;background:#fbf5f3}.scenario-feedback.is-correct{border-color:#c7b8a1;background:#f7f5ef}.scenario-feedback-title{display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-size:13px}.scenario-feedback-title>span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#e8e4dc;color:#433e38}.scenario-feedback.is-wrong .scenario-feedback-title>span{background:#f0e1dc;color:#8d4939}.scenario-feedback>p{margin:8px 0 4px;color:#48443e;font-size:11px;line-height:1.7}.scenario-feedback .scenario-focus{color:#6f6961}.feedback-example{display:grid;gap:5px;margin-top:10px;padding:10px 12px;background:#fff;border:1px solid #e4dfd6;border-radius:6px}.feedback-example small{color:#8d4939;font-size:9px}.feedback-example b{color:#292722;font-size:12px;text-align:left}.feedback-reassure{color:#6f6961!important;font-size:10px!important}.scenario-next{margin-top:10px}.scenario-next:empty{display:none}.wrong-next,.success-next{display:grid;gap:6px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#faf9f6;color:var(--ink)}.wrong-next b,.success-next b{font-size:11px;line-height:1.6}.wrong-next span,.success-next span{color:var(--muted);font-size:9px;line-height:1.6}.wrong-next .btn,.success-next .btn{justify-self:start;min-height:40px;font-size:11px}.question-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.question-actions a{text-decoration:none}.checker-limit-note{margin-top:13px;padding:10px 12px;border-left:2px solid #c6bfb3;background:#f8f7f3;color:#746f68;font-size:9px;line-height:1.65}
.optional-lab .route-heading h2,.progress-view h2,.mistakes-view h2{color:var(--ink)}.optional-lab .route-heading p{color:var(--ink-soft)}.optional-lab .grammar-reactor{background:#5c4248}.optional-lab .reactor-node,.optional-lab .node-a,.optional-lab .node-b,.optional-lab .node-c{color:#f0d0a6}.optional-lab .reactor-core{background:#e5bf77}.optional-lab .reactor-core span{color:#71413d}.optional-lab .feedback.good{background:#f1eee7;border-color:#d8d1c6;color:#50483e}.optional-lab .feedback.good:before{color:#896849}
.quiz-path-note{border:1px solid var(--line);background:#f5f3ee;color:var(--ink-soft)}.practice-view .route-heading h2{color:var(--ink)}.practice-view .route-heading p{color:var(--ink-soft)}.practice-view .option.answer{min-height:48px;background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:none}.practice-view .option.answer.answer-correct{background:#f2eee6;border:1px solid #bcae97;color:var(--ink)}.practice-view .option.answer.answer-selected:not(.answer-correct){background:#fbf1ee;border:1px solid #c78a7b;color:var(--ink)}.quiz-review-card,.quiz-review-card.is-wrong{background:#f7f5f0;border:1px solid var(--line);color:var(--ink)}.quiz-explanation{background:#fff;border:1px solid #e9e5de}.quiz-review-card .btn{margin-top:8px}.mistakes-view .route-heading h2,.progress-view .route-heading h2{color:var(--ink)}.mistakes-view .mistake,.progress-view .stats .stat{background:#fff;border:1px solid var(--line);box-shadow:none}.mistakes-view .mistake h3{color:var(--ink)}.course-map-view>.route-heading h2{color:var(--ink)}.course-map-view .route-heading p{color:var(--muted)}.course-map-footer{padding:13px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--ink)}.course-map-footer p{color:var(--muted)}.course-map-footer .journey-steps{display:none}
.toast{bottom:18px;background:#302d28;color:white;border:0;box-shadow:none}
/* Retire all leftover game-only chrome and the old splash onboarding. */
.game-start,.player-plate,.continue-mission,.route-section,.daily-ticket,.mission-art,.player-total,.player-mark,.plate-seal,.player-line,.rank-line,.rank-foot,.start-stats{display:none!important}
@media(max-width:700px){.topbar{height:56px;padding:0 15px}.app-shell{min-height:calc(100dvh - 56px)}#app{min-height:calc(100dvh - 56px)}.view{padding:22px 16px 36px}.simple-page-heading{padding-top:2px}.simple-page-heading h1{font-size:29px}.simple-page-heading>p{font-size:13px}.current-lesson-card{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.current-lesson-card .btn{width:100%}.current-lesson-card h2{font-size:18px}.simple-stage-item{grid-template-columns:30px minmax(0,1fr) auto;gap:9px;padding:11px 10px}.simple-stage-copy h3{font-size:12px}.simple-stage-copy p{font-size:9px}.simple-stage-progress{font-size:9px}.course-title-row h1{font-size:24px}.course-title-row p{font-size:11px}.simple-learning-steps li{gap:5px;font-size:9px}.simple-learning-steps li:not(:last-child):after{margin:0 5px}.simple-learning-steps li span{width:20px;height:20px}.lesson-content,.question-content{margin-top:15px}.lesson-card,.question-card{padding:16px}.lesson-card h2{font-size:20px}.lesson-explanation{font-size:13px}.simple-formula{gap:5px;padding:9px}.simple-formula span{padding:7px 8px;font-size:9px}.simple-example b{font-size:12px}.question-card>h2{font-size:16px}.question-target{align-items:flex-start;flex-direction:column;gap:4px}.question-actions{flex-wrap:wrap}.optional-lab .route-heading{align-items:flex-start;flex-direction:column}.optional-lab .route-heading .btn{width:100%}.practice-view>.route-heading{align-items:flex-start;flex-direction:column}.practice-view>.route-heading .btn{width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mistakes-view .mistake{align-items:flex-start;flex-direction:column}.toast{bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.panel,.stat,.mistake{transition:none!important}}

/* Definitive learning-only shell: no game chrome, drawers, XP, or crowded mobile navigation. */
.mobile-menu,.sidebar,.mobile-nav,.gesture-hint,.site-credit,.top-actions .icon-btn,.top-actions .xp,.game-start,.settings-modal,.about-modal,.paper-noise{display:none!important}
.topbar{position:sticky;top:0;z-index:5}.top-actions{display:flex;align-items:center}.top-actions .text-btn{padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:11px;text-decoration:none}.app-shell{display:block}#app{width:100%;overflow-x:clip}.view,.lesson-card,.question-card,.simple-stage-item{min-width:0;max-width:100%}.question-card>h2,.question-hint{direction:rtl;text-align:right}.sentence-editor{direction:ltr;text-align:left}.simple-example b,.feedback-example b{direction:ltr;text-align:left}.checker-limit-note{border-left:0;border-right:2px solid #c6bfb3}.content-availability{direction:rtl}
@media(max-width:700px){.topbar{padding-inline:14px}.top-actions .text-btn{font-size:10px}.view{padding-inline:14px}.simple-stage-item{grid-template-columns:28px minmax(0,1fr) auto}.simple-stage-copy{min-width:0}.simple-stage-copy h3,.simple-stage-copy p{overflow-wrap:anywhere}}

/* Distinct question-bank and short-test interface */
.quiz-hub-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:8px 0 22px;border-bottom:1px solid var(--line)}
.quiz-hub-heading h1,.quiz-session-head h1{margin:7px 0;color:var(--ink);font-size:30px;line-height:1.25}
.quiz-hub-heading p{max-width:600px;margin:0;color:var(--ink-soft);font-size:13px;line-height:1.8}
.quiz-method{display:grid;gap:5px;margin:18px 0;padding:15px 17px;border:1px solid #ded7ca;border-right:4px solid #b65039;border-radius:9px;background:#fff}
.quiz-method>span,.quiz-question-kicker{color:#8d4939;font-size:10px;font-weight:750}
.quiz-method b{font-size:13px}.quiz-method small{color:var(--muted);font-size:10px}
.quiz-set-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.quiz-set-card{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:13px;min-height:112px;padding:15px;text-align:right;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.quiz-set-card:hover{border-color:#b66b57;transform:translateY(-2px);box-shadow:var(--shadow-strong)}
.quiz-set-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f4eee9;color:#9a4836;font-size:12px;font-weight:800}
.quiz-set-copy{display:grid;gap:4px;min-width:0}.quiz-set-copy small{color:var(--muted);font-size:9px}.quiz-set-copy b{font-size:14px}.quiz-set-copy em{color:var(--ink-soft);font-size:10px;font-style:normal}.quiz-set-meter{display:block;height:4px;margin-top:5px;overflow:hidden;border-radius:99px;background:#eeeae4}.quiz-set-meter u{display:block;height:100%;background:#b65039;text-decoration:none}.quiz-set-arrow{color:#9b4937;font-size:17px}
.quiz-entry-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;padding:17px 20px;background:#fff;border:1px solid #dfd9cf;border-radius:10px}.quiz-entry-card h2{margin:4px 0;font-size:16px}.quiz-entry-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
.quiz-session-head{padding:4px 0 16px;border-bottom:1px solid var(--line)}.quiz-session-head h1 small{color:var(--muted);font-size:14px;font-weight:500}.quiz-question-index{display:flex;gap:7px;margin-top:13px}.quiz-index{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:9px}.quiz-index.current{background:#b65039;border-color:#b65039;color:#fff}.quiz-index.past{background:#eee9e1;border-color:#d5c7b5;color:#604c41}
.quiz-question-card{max-width:720px;margin:20px auto;padding:23px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.quiz-question-card h2{margin:8px 0 19px;padding:13px 15px;border-right:3px solid #b65039;border-radius:6px;background:#faf8f5;color:var(--ink);font-size:18px;line-height:1.6;text-align:left;overflow-wrap:anywhere}
.quiz-options{display:grid;gap:9px}.quiz-option{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:53px;padding:9px 12px;text-align:left;border:1px solid #e3dfd8;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.quiz-option:hover:not(:disabled){border-color:#b66b57;background:#fffdfa}.quiz-option>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#f2f0eb;color:#746e66;font-size:10px;font-weight:800}.quiz-option>b{font-size:12px;overflow-wrap:anywhere}.quiz-option>i{color:#637653;font-size:9px;font-style:normal}.quiz-option.is-correct{border-color:#91a17e;background:#f4f7f1}.quiz-option.is-selected-wrong{border-color:#d6a197;background:#fcf5f3}.quiz-option:disabled{cursor:default;opacity:1}
.quiz-feedback{margin-top:15px;padding:14px;border:1px solid #ddd8ce;border-radius:8px;background:#f8f7f3}.quiz-feedback.correct{border-color:#c9d3bf;background:#f4f7f1}.quiz-feedback.incorrect{border-color:#dfc2bb;background:#fcf5f3}.quiz-feedback>b{font-size:12px}.quiz-feedback p{margin:7px 0;color:var(--ink-soft);font-size:11px;line-height:1.75}.quiz-feedback>span{color:var(--muted);font-size:10px}.quiz-feedback strong{color:var(--ink)}
.quiz-session-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:720px;margin:0 auto;color:var(--muted);font-size:10px}.quiz-session-actions .btn{flex:none}.quiz-score{display:flex;align-items:baseline;gap:9px;margin:8px 0}.quiz-score>b{font-size:36px;color:#9b4937}.quiz-score>span{color:var(--muted);font-size:12px}.quiz-session-head>p{margin:0;color:var(--ink-soft);font-size:12px}.quiz-answer-list{display:grid;gap:8px;margin-top:18px}.quiz-answer-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.quiz-answer-row>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1eee8;color:#6f695f;font-size:9px}.quiz-answer-row.is-right{border-right:3px solid #81906e}.quiz-answer-row.is-wrong{border-right:3px solid #b96855}.quiz-answer-row b{font-size:11px}.quiz-answer-row p{margin:4px 0;color:var(--ink-soft);font-size:11px;text-align:left}.quiz-answer-row small{color:var(--muted);font-size:10px;line-height:1.6}.quiz-finish-actions{display:flex;gap:9px;margin-top:16px}
@media(max-width:700px){.quiz-hub-heading{align-items:flex-start;flex-direction:column;gap:9px}.quiz-hub-heading h1,.quiz-session-head h1{font-size:25px}.quiz-set-list{grid-template-columns:1fr;gap:8px}.quiz-set-card{min-height:95px;padding:12px}.quiz-entry-card{align-items:flex-start;flex-direction:column;padding:15px}.quiz-entry-card .btn{width:100%}.quiz-question-card{padding:15px}.quiz-question-card h2{font-size:15px}.quiz-option{grid-template-columns:30px minmax(0,1fr);gap:8px}.quiz-option>i{grid-column:2}.quiz-session-actions{align-items:flex-start;flex-direction:column}.quiz-session-actions .btn{width:100%}.quiz-finish-actions{flex-direction:column}.quiz-finish-actions .btn{width:100%}}


/* Six-unit course catalog, source labels, and relaxed teacher-led lesson flow */
.course-catalog-heading{padding:4px 0 20px;border-bottom:1px solid var(--line)}.course-catalog-heading h1,.course-unit-heading h1,.course-lesson-heading h1{margin:7px 0;color:var(--ink);font-size:30px;line-height:1.3}.course-catalog-heading p,.course-unit-heading>p,.course-lesson-heading p{max-width:700px;margin:0;color:var(--ink-soft);font-size:13px;line-height:1.8}.course-teacher-note,.teacher-aside{margin:16px 0;padding:14px 16px;border-right:3px solid #b65039;border-radius:8px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line)}.course-teacher-note>b,.teacher-aside>b{color:#914735;font-size:11px}.course-teacher-note p,.teacher-aside p{margin:4px 0 0;color:var(--ink-soft);font-size:12px;line-height:1.75}.course-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.course-unit-card{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:116px;padding:14px;text-align:right;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.course-unit-card:hover{border-color:#b66b57;box-shadow:var(--shadow-strong);transform:translateY(-2px)}.course-unit-num{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e4ddd2;border-radius:11px;background:#f5f1eb;color:#8c4938;font-size:12px;font-weight:800}.course-unit-copy{display:grid;gap:4px;min-width:0}.course-unit-copy small{color:var(--muted);font-size:9px}.course-unit-copy>b{color:var(--ink);font-size:14px}.course-unit-copy em{color:var(--ink-soft);font-size:10px;line-height:1.45;font-style:normal}.course-unit-meter{display:block;height:4px;margin-top:3px;overflow:hidden;border-radius:99px;background:#eeebe5}.course-unit-meter u{display:block;height:100%;background:#b65039;text-decoration:none}.course-unit-go,.lesson-row-arrow{color:#984a39;font-size:11px;font-weight:700}.course-unassigned-note{margin-top:18px;padding:12px 14px;border:1px solid #e3dfd8;border-radius:8px;background:#f2f0eb}.course-unassigned-note>b{font-size:10px;color:#71685c}.course-unassigned-note p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.65}.course-source-note{margin-top:12px;color:var(--muted);font-size:10px;line-height:1.6}.course-unit-heading{padding-bottom:18px;border-bottom:1px solid var(--line)}.course-unit-heading .unit-progress{max-width:420px}.unit-lesson-row{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;text-align:right;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer}.unit-lesson-row:hover{border-color:#b66b57;background:#fffdfa}.unit-lesson-row.done .simple-stage-index{background:#eee9e1;border-color:#c9b9a7;color:#604c41}.simple-stage-copy b{display:block;margin:2px 0;color:var(--ink);font-size:13px}.simple-stage-copy em{display:block;color:var(--muted);font-size:10px;line-height:1.55;font-style:normal}.unit-quiz-invite{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#fff}.unit-quiz-invite b{display:block;margin:3px 0;font-size:13px}.unit-quiz-invite p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.unit-quiz-invite .btn{flex:none}.course-lesson-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:3px 0 14px;border-bottom:1px solid var(--line)}.course-lesson-heading h1{font-size:25px}.lesson-count{flex:none}.course-flow-steps{display:flex;gap:8px;justify-content:space-between;margin:14px 0;padding:0;list-style:none}.course-flow-steps li{display:flex;align-items:center;gap:6px;color:#817c74;font-size:9px}.course-flow-steps li span{display:grid;place-items:center;width:21px;height:21px;border:1px solid #d8d4cc;border-radius:50%;background:#fff;font-size:9px}.course-flow-steps li.active{color:#914735;font-weight:700}.course-flow-steps li.active span{border-color:#b65039;background:#b65039;color:#fff}.course-lesson-page .lesson-content{margin-top:15px}.course-lesson-page .lesson-card h2{font-size:21px}.course-lesson-page .lesson-explanation{font-size:13px}.course-lesson-page .simple-formula{direction:ltr;justify-content:center;text-align:center}.course-start-question{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#fff}.course-start-question p{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.65}.course-start-question .btn{flex:none}.course-question-panel{max-width:760px;margin:16px auto;padding:17px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.course-question-head{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.course-question-prompt{margin:12px 0;padding:12px 14px;border-left:3px solid #b65039;border-radius:6px;background:#faf8f5;color:var(--ink);font-size:16px;line-height:1.6;text-align:left;overflow-wrap:anywhere}.course-choice-list{display:grid;gap:8px}.course-choice{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:9px 11px;text-align:left;border:1px solid #e2ded7;border-radius:7px;background:#fff;color:var(--ink);cursor:pointer}.course-choice:hover:not(:disabled){border-color:#b66b57;background:#fffdfa}.course-choice>span{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#f2f0eb;color:#716b63;font-size:10px;font-weight:800}.course-choice>b{font-size:12px;overflow-wrap:anywhere}.course-choice>i{color:#667653;font-size:9px;font-style:normal}.course-choice.is-correct{border-color:#aab69b;background:#f5f8f2}.course-choice.is-wrong{border-color:#d4a49a;background:#fbf3f1}.course-choice:disabled{cursor:default;opacity:1}.course-feedback{margin-top:13px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#f7f6f2}.course-feedback.right{border-color:#c8d1be;background:#f5f8f2}.course-feedback.wrong{border-color:#dfc4bc;background:#fcf5f3}.course-feedback>b{font-size:12px}.course-feedback>p{margin:6px 0;color:var(--ink-soft);font-size:11px;line-height:1.75}.course-response-summary{display:grid;grid-template-columns:105px minmax(0,1fr);gap:9px;padding:7px 0;border-top:1px solid rgba(90,80,65,.12);color:var(--muted);font-size:10px}.course-response-summary strong{color:var(--ink);text-align:left;overflow-wrap:anywhere}.course-example-again{margin-top:8px}.course-attempt-history{margin-top:10px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:#fbfaf7}.course-attempt-history summary{cursor:pointer;color:#766b5f;font-size:10px}.course-attempt-history p{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;color:var(--muted);font-size:10px}.course-attempt-history b{text-align:left;color:var(--ink);overflow-wrap:anywhere}.course-question-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.course-action-hint{color:var(--muted);font-size:10px}.course-lesson-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:15px;color:var(--muted);font-size:9px}.course-lesson-bottom .text-btn{padding:0}
@media(max-width:700px){.course-catalog-heading h1,.course-unit-heading h1{font-size:25px}.course-catalog-heading p,.course-unit-heading>p{font-size:12px}.course-unit-grid{grid-template-columns:1fr;gap:8px}.course-unit-card{min-height:101px;padding:12px}.course-unit-card:hover{transform:none}.unit-lesson-row{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:10px}.simple-stage-copy b{font-size:12px}.simple-stage-copy em{font-size:9px}.course-lesson-heading h1{font-size:20px}.course-flow-steps{gap:4px}.course-flow-steps li{gap:4px;font-size:8px}.course-flow-steps li span{width:19px;height:19px}.course-start-question{align-items:flex-start;flex-direction:column}.course-start-question .btn{width:100%}.course-question-panel{padding:13px}.course-question-prompt{font-size:14px}.course-choice{grid-template-columns:27px minmax(0,1fr);gap:7px;padding:8px}.course-choice>i{grid-column:2}.course-question-actions{align-items:stretch;flex-direction:column}.course-question-actions .btn{width:100%}.course-lesson-bottom{align-items:flex-start;flex-direction:column}.unit-quiz-invite{align-items:flex-start;flex-direction:column}.unit-quiz-invite .btn{width:100%}}

/* Half-year cumulative review states */
.unit-lesson-row:disabled{cursor:not-allowed;opacity:.82}
.unit-lesson-row:disabled:not(.done){filter:saturate(.72)}
.cumulative-review-panel{border-top:3px solid var(--coral,#b65039)}
.course-review-view .course-question-actions{min-height:3rem}
.course-review-view .course-feedback{margin-top:1.25rem}

/* Keep the progressive-question label readable on narrow screens. */
.course-question-head{align-items:center;flex-wrap:wrap}.course-question-head .course-label{line-height:1.6}


/* Course-backed progress and mistake history. */
.course-progress-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.course-progress-stats article,.course-progress-current,.course-progress-units{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.course-progress-stats article{display:grid;gap:7px}.course-progress-stats article b{font-size:22px}.course-progress-stats article span{font-size:12px;color:var(--muted)}.course-progress-current{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:17px}.course-progress-current .course-label{width:100%}.course-progress-current>b{flex:1;min-width:190px}.course-progress-units h2{margin:0 0 12px;font-size:18px}.course-progress-units ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.course-progress-units li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.04);font-size:12px}.course-progress-units li b{font-size:11px}.course-catalog .course-unit-card.is-locked{opacity:.56;cursor:not-allowed}.course-unit-card:disabled{cursor:not-allowed}.course-unit-page .course-source-note{margin-top:10px;font-size:12px;line-height:1.7}.course-unit-page .unit-quiz-invite button:disabled{opacity:.58;cursor:not-allowed;transform:none!important}.mistakes-view .mistake-list{display:grid;gap:12px}.mistakes-view .mistake{display:flex;align-items:center;justify-content:space-between;gap:16px}.mistakes-view .mistake h2{margin:8px 0;font-size:18px;line-height:1.6}.mistakes-view .mistake p{line-height:1.75}.mistakes-view .mistake p[dir=ltr]{text-align:left}
@media(max-width:700px){.course-progress-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.course-progress-stats article{padding:13px}.course-progress-units li{align-items:flex-start;flex-direction:column;gap:4px}.mistakes-view .mistake{align-items:stretch;flex-direction:column}.mistakes-view .mistake .btn{width:100%}}


/* First-visit welcome gate for Zahra: the lesson remains behind it until she chooses Start. */
body.welcome-active{overflow:hidden!important}.welcome-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:auto;padding:24px 18px;background:radial-gradient(ellipse at 14% 18%,rgba(235,195,127,.34),transparent 29%),radial-gradient(ellipse at 88% 83%,rgba(157,92,71,.26),transparent 30%),linear-gradient(145deg,#211b2b 0%,#372438 54%,#5a343b 100%);color:#fff}.welcome-screen[hidden]{display:none!important}.welcome-card{position:relative;width:min(100%,470px);padding:25px 28px 23px;border:1px solid rgba(255,255,255,.2);border-radius:27px;background:rgba(255,250,242,.97);box-shadow:0 24px 75px rgba(8,5,14,.38);color:#2e2630;text-align:center}.welcome-topline{display:flex;align-items:center;gap:9px;color:#443341;font-size:12px;font-weight:750}.welcome-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#39283c;color:#ffe2a8;font:800 18px Georgia,serif}.welcome-grade{margin-inline-start:auto;padding:6px 9px;border:1px solid #e7d9c5;border-radius:20px;background:#fbf6ec;color:#805e47;font-size:10px}.welcome-orbit{position:relative;display:grid;place-items:center;width:128px;height:128px;margin:23px auto 14px;border:1px solid #eadcc9;border-radius:50%;background:radial-gradient(circle,#fff 0 37%,#f8eee0 38% 62%,#f1e3d2 63%);box-shadow:0 0 0 10px #fbf7f0,0 0 0 11px #eee2d2}.orbit-book{display:grid;place-items:center;width:61px;height:61px;border-radius:19px;background:#b65039;color:#fff0d2;font:700 27px Georgia,serif;transform:rotate(-7deg);box-shadow:0 8px 16px rgba(100,46,43,.18)}.orbit-dot{position:absolute;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#d5a84d;box-shadow:0 0 0 2px #e7d8c5}.dot-one{top:10px;right:28px}.dot-two{bottom:16px;left:13px;background:#b65039}.dot-three{bottom:23px;right:8px;background:#778b72}.welcome-spark{position:absolute;color:#f3d28e;font-size:32px;animation:welcomeFloat 3s ease-in-out infinite}.spark-one{top:18%;left:max(8%,calc((100vw - 620px)/2))}.spark-two{right:max(9%,calc((100vw - 620px)/2));bottom:19%;animation-delay:-1.2s}.welcome-eyebrow{display:inline-block;padding:5px 11px;border-radius:20px;background:#f4ece1;color:#905038;font-size:10px;font-weight:750}.welcome-card h1{margin:10px 0 8px;color:#302633;font-size:clamp(29px,8vw,39px);line-height:1.2}.welcome-description{max-width:340px;margin:0 auto;color:#68606a;font-size:13px;line-height:1.8}.welcome-steps{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px 0 19px;color:#514850;font-size:11px;font-weight:650}.welcome-steps span{display:flex;align-items:center;gap:5px}.welcome-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f1e8da;color:#905038;font-size:10px}.welcome-steps>i{width:21px;height:1px;background:#ded1bf}.welcome-start{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:52px;border:0;border-radius:14px;background:linear-gradient(100deg,#b65039,#8f4351);box-shadow:0 8px 17px rgba(128,57,57,.23);color:#fff;font:750 15px system-ui;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.welcome-start:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(128,57,57,.3)}.welcome-start:focus-visible{outline:3px solid #dfb86b;outline-offset:4px}.welcome-start span{font-size:19px}.welcome-save-note{margin:12px 0 0;color:#827983;font-size:10px;line-height:1.6}.welcome-footer{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));color:rgba(255,255,255,.65);font-size:10px;letter-spacing:.04em}.welcome-active .skip-link{display:none!important}@keyframes welcomeFloat{50%{transform:translateY(-8px) rotate(9deg)}}@media(max-width:420px){.welcome-card{padding:20px 18px 18px;border-radius:22px}.welcome-orbit{width:112px;height:112px;margin-top:20px}.welcome-steps{gap:6px;font-size:10px}.welcome-steps>i{width:14px}}@media(prefers-reduced-motion:reduce){.welcome-spark,.welcome-start{animation:none!important;transition:none!important}}