/* Visual refresh inspired by the supplied Grammar Lab gallery. Content and flow stay unchanged. */
:root{--paper:#251725;--paper-deep:#38243a;--card:#3d2c40;--ink:#fff0d8;--ink-soft:#e1cdb8;--muted:#b79eb0;--line:#634b63;--coral:#f47759;--coral-deep:#dc614d;--yellow:#f5c451;--mint:#91c7a5;--lavender:#c9a6d2;--danger:#f47759;--shadow:0 6px 0 rgba(15,8,17,.3);--shadow-strong:0 12px 26px rgba(12,5,15,.35)}
html,body{background:#251725!important;color:var(--ink)!important}body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;background-image:radial-gradient(ellipse at 48% 20%,rgba(102,56,93,.25),transparent 55%)}
.topbar{height:76px;padding-inline:max(20px,calc((100vw - 1440px)/2 + 26px));background:#251725;border-bottom:1px solid #4d374e;box-shadow:0 4px 18px rgba(0,0,0,.14)}
.brand,.brand:visited{color:#fff0d8}.brand strong{font-size:13px}.brand small{color:#c9b2c5}.logo{width:42px;height:42px;border-radius:14px;background:#f5c451;border:2px solid #ffe18a;box-shadow:0 4px 0 #9a613f;color:#b24c43}.logo b{font:800 22px Georgia,serif}.logo i{display:block;position:absolute;width:25px;height:4px;bottom:7px;right:-2px;background:#f47759;transform:rotate(-42deg)}
.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;direction:rtl;min-height:calc(100vh - 76px)}#app{grid-column:1;grid-row:1;min-width:0}.view{max-width:1160px;padding:42px 36px 70px;margin:0 auto}
.sidebar{display:block!important;grid-column:2;grid-row:1;position:sticky;top:0;height:calc(100vh - 76px);overflow:auto;padding:26px 18px;background:#2f1e31;border-left:1px solid #4d374e;color:#fff0d8}.drawer-head{display:none}.side-label{margin:3px 12px 17px;color:#c4a2b9;font-size:10px;font-weight:800;letter-spacing:.14em}.sidebar nav{display:grid;gap:8px}.sidebar .nav{width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid transparent;border-radius:14px;background:transparent;color:#e6d1df;text-align:right;font:700 12px system-ui;cursor:pointer}.sidebar .nav i{font-style:normal;color:#aa8ba4;font-size:9px}.sidebar .nav em{margin-right:auto;color:#aa8ba4;font-style:normal}.sidebar .nav:hover{background:#49314a}.sidebar .nav.active{background:#f5c451;border:1px solid #ffe18a;color:#482b39;box-shadow:0 5px 0 #8b5546}.sidebar .nav.active i,.sidebar .nav.active em{color:#75483b}.sidebar .mission{margin-top:26px;padding:17px;border:1px solid #806176;border-radius:18px;background:#4b354d;box-shadow:0 5px 0 #1b101d}.sidebar .mission strong{display:block;margin:10px 0;color:#ffe4a0;font-size:15px}.sidebar .mission-top,.sidebar .mini{color:#d0b6cc}.sidebar .mini{height:7px;margin:12px 0 7px;background:#654c63;border-radius:99px}.sidebar .mini i{display:block;height:100%;background:#f47759;border-radius:99px}.sidebar .mission small{color:#d0b6cc}.sidebar .side-note{margin-top:21px;color:#d0b6cc;font-size:11px;line-height:1.7}.sidebar .side-note>span{color:#f5c451;font-size:9px;font-weight:800;letter-spacing:.15em}
.mobile-nav{display:none!important}.site-credit{background:#251725;border-color:#4d374e;color:#ad95a8}.site-credit b{color:#e4cddc}.top-actions .text-btn{background:#f5c451;color:#472c3a;border:1px solid #ffe18a;border-radius:12px;box-shadow:0 3px 0 #875044;font-weight:800}
.course-label,.course-teacher-note>b,.teacher-aside>b{color:#f5c451}.course-catalog-heading{border-color:#634b63}.course-catalog-heading h1,.course-unit-heading h1,.course-lesson-heading h1,.quiz-hub-heading h1,.quiz-session-head h1{color:#fff0d8}.course-catalog-heading p,.course-unit-heading>p,.course-lesson-heading p{color:#dcc7d5}.course-teacher-note,.teacher-aside{background:#3e2c40;border:1px solid #604760;border-right:4px solid #f47759;border-radius:15px;box-shadow:0 5px 0 rgba(15,8,17,.24)}.course-teacher-note p,.teacher-aside p{color:#ead9e4}.checker-limit-note{background:#38243a;color:#d8c1d2;border-color:#f5c451}.course-unit-card,.unit-lesson-row,.unit-quiz-invite,.course-start-question,.course-question-panel,.quiz-set-card,.quiz-entry-card,.quiz-question-card{color:#fff0d8;background:#3d2c40;border:1px solid #634b63;border-radius:17px;box-shadow:0 5px 0 rgba(13,7,15,.3)}.course-unit-card:nth-child(6n+1),.unit-lesson-row:nth-child(3n+1){background:#f8e7cb;color:#482f3b;border-color:#ffe1a4;box-shadow:0 5px 0 #985e50}.course-unit-card:nth-child(6n+2),.unit-lesson-row:nth-child(3n+2){background:#ead6ed;color:#482f4b;border-color:#f5e5f4;box-shadow:0 5px 0 #765778}.course-unit-card:nth-child(6n+3),.unit-lesson-row:nth-child(3n+3){background:#f5c451;color:#482f3b;border-color:#ffe18a;box-shadow:0 5px 0 #965d4d}.course-unit-card:nth-child(6n+1) .course-unit-copy b,.course-unit-card:nth-child(6n+2) .course-unit-copy b,.course-unit-card:nth-child(6n+3) .course-unit-copy b,.unit-lesson-row:nth-child(3n) .simple-stage-copy b{color:inherit}.course-unit-card:hover,.unit-lesson-row:hover,.quiz-set-card:hover{filter:brightness(1.05);transform:translateY(-2px)}.course-unit-num{background:#f47759;border:2px solid #ffd47a;border-radius:14px;color:#fff3dd;box-shadow:0 3px 0 #985846}.course-unit-copy small,.course-unit-copy em,.unit-lesson-row .simple-stage-copy small,.unit-lesson-row .simple-stage-copy em{color:inherit;opacity:.77}.course-unit-meter,.quiz-set-meter{background:rgba(69,42,57,.16)}.course-unit-meter u,.quiz-set-meter u{background:#f47759}.course-unit-go,.lesson-row-arrow{color:#c45148}.course-unassigned-note{background:#38243a;border:1px solid #614a61;border-radius:15px}.course-unassigned-note>b{color:#f5c451}.course-unassigned-note p{color:#d2b9cc}.unit-progress-copy,.course-source-note{color:#d4bbcf}.progressbar{background:#634b63}.progressbar i{background:#f5c451}.course-flow-steps li{color:#b99eb5}.course-flow-steps li span{background:#3d2c40;border-color:#745873;color:#f4dbe9}.course-flow-steps li.active{color:#f5c451}.course-flow-steps li.active span{background:#f47759;border-color:#ffd47a;color:#fff}.lesson-card,.question-card{background:#fff0d8!important;border:2px solid #f5c451!important;border-radius:21px!important;color:#482f3b!important;box-shadow:0 6px 0 #8e554d!important}.lesson-card h2,.lesson-explanation{color:#482f3b}.lesson-card-label,.simple-example span,.simple-note b{color:#a64e49}.simple-formula{background:#ead6ed;border-color:#c69acb;border-radius:12px}.simple-formula span{color:#482f4b}.simple-example{background:#fff8e9;border:1px solid #e7cf9c;border-radius:13px}.simple-example b{color:#422c3e}.simple-note{color:#725967}.course-start-question{background:#3d2c40;color:#fff0d8}.course-start-question p,.course-lesson-bottom{color:#d6bdd1}.course-question-prompt,.quiz-question-card h2{background:#f7e8d0;color:#482f3b;border-left:4px solid #f47759;border-radius:11px}.course-choice,.quiz-option{background:#513a51;border:1px solid #775a75;color:#fff0d8;border-radius:12px}.course-choice>span,.quiz-option>span{background:#f5c451;color:#482f3b}.course-choice:hover:not(:disabled),.quiz-option:hover:not(:disabled){background:#604761}.course-choice.is-correct{background:#e8f0d9;color:#344431;border-color:#91c7a5}.course-choice.is-wrong{background:#f8d9d0;color:#572e39;border-color:#f47759}.course-feedback,.quiz-feedback{background:#ead6ed;border-color:#c69acb;color:#482f4b;border-radius:13px}.course-feedback p,.quiz-feedback p{color:#634c64}.course-feedback.right{background:#e8f0d9;border-color:#91c7a5}.course-feedback.wrong{background:#f8d9d0;border-color:#f47759}.course-response-summary strong,.course-attempt-history b{color:#482f3b}.course-attempt-history{background:#fff8e9;border-color:#e7cf9c}.course-attempt-history summary{color:#8f534b}.btn{background:#f47759;color:#fff7e8;border:1px solid #ffad77;border-radius:13px;box-shadow:0 4px 0 #914d48}.btn:hover{background:#e76652;box-shadow:0 5px 0 #914d48;transform:translateY(-1px)}.btn.secondary{background:#ead6ed;color:#482f4b;border:1px solid #d7b8de;box-shadow:0 4px 0 #705274}.text-btn{color:#ffd36a}.quiz-method{background:#3d2c40;border-color:#634b63;border-right-color:#f47759;color:#fff0d8}.quiz-method b,.quiz-set-card b{color:inherit}.quiz-set-icon{background:#f5c451;color:#482f3b}.quiz-set-copy small,.quiz-set-copy em,.quiz-entry-card p{color:inherit;opacity:.8}.quiz-index{background:#3d2c40;color:#d4bbcf;border-color:#634b63}.quiz-index.current{background:#f47759;border-color:#f47759;color:#fff}.quiz-index.past{background:#ead6ed;color:#482f4b}.quiz-score>b{color:#f5c451}
@media(max-width:700px){.app-shell{grid-template-columns:1fr}.sidebar{display:none!important}.view{padding:32px 24px 55px}}
@media(max-width:700px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}.topbar{height:63px;padding-inline:13px}.logo{width:35px;height:35px}.brand strong{font-size:11px}.brand small{font-size:8px}.top-actions .text-btn{font-size:10px;padding:8px 10px}.view{padding:22px 14px calc(100px + env(safe-area-inset-bottom))}.mobile-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#f8e7cb;border-top:2px solid #f5c451;box-shadow:0 -5px 18px rgba(13,7,15,.3)}.mobile-nav button{border:0;background:transparent;color:#73556f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:49px;border-radius:12px;font:inherit}.mobile-nav button.active{background:#f47759;color:#fff7e8;box-shadow:0 3px 0 #9b514a}.mobile-nav span{font-size:18px;line-height:1}.mobile-nav small{font-size:8px;font-weight:800}.site-credit{display:none}.course-unit-grid{grid-template-columns:1fr}.course-unit-card{min-height:94px}.course-catalog-heading h1,.course-unit-heading h1{font-size:25px}.course-catalog-heading p,.course-unit-heading>p{font-size:12px}.course-question-panel{padding:13px}.course-question-prompt{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* Guided single-path mode: remove all browse menus and focus the learner on one step at a time. */
.sidebar,.mobile-nav,.top-actions,.site-credit{display:none!important}.app-shell{display:block!important;min-height:calc(100vh - 76px)}#app{width:100%;min-height:calc(100vh - 76px)}.view.linear-path,.view.linear-complete{max-width:980px;padding:38px 30px 76px}.linear-progress-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0 16px;border-bottom:1px solid #634b63}.linear-progress-head h1{margin:5px 0;color:#fff0d8;font:700 clamp(25px,4vw,38px)/1.2 Georgia,serif;letter-spacing:-.025em}.linear-progress-head p{margin:0;color:#d4bbcf;font-size:14px}.linear-counter{flex:none;padding:11px 14px;border:1px solid #82657a;border-radius:14px;background:#3d2c40;color:#f5c451;font:700 22px Georgia,serif;box-shadow:0 4px 0 #1a101c}.linear-counter i{color:#bd9db7;font-size:13px;font-style:normal}.linear-progress{height:9px;margin-top:19px;overflow:hidden;border-radius:99px;background:#503b51}.linear-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f47759,#f5c451);transition:width .3s ease}.linear-progress-caption{margin-top:7px;color:#c4a9bf;font-size:11px}.course-flow-steps{max-width:650px;margin:24px auto;gap:12px}.course-flow-steps li{font-size:12px;color:#c7adc3}.course-flow-steps li span{width:30px;height:30px;font-size:12px}.lesson-card{padding:clamp(22px,4vw,42px)!important}.lesson-card-label{font-size:13px!important;color:#a44e49!important;font-weight:800}.lesson-card h2{font:700 clamp(25px,4vw,36px)/1.2 Georgia,serif!important;margin:12px 0 14px!important}.lesson-explanation{font-size:clamp(17px,2vw,20px)!important;line-height:1.95!important;color:#503746!important}.simple-formula{margin:23px 0!important;padding:16px!important;border:1px solid #c69acb!important}.simple-formula span{font:700 clamp(17px,2vw,21px)/1.5 system-ui!important}.simple-example{padding:17px!important}.simple-example span,.simple-note b{font-size:13px!important;font-weight:800}.simple-example b{font:700 clamp(17px,2vw,21px)/1.55 Georgia,serif!important}.simple-note{font-size:15px!important;line-height:1.8!important;margin-top:20px!important}.simple-note p{margin:5px 0 0!important}.course-start-question{padding:18px 20px!important;margin:18px 0!important}.course-start-question p{font-size:14px!important;line-height:1.8!important}.course-start-question .btn,.course-question-actions .btn{min-height:52px;padding-inline:22px;font-size:15px}.course-question-panel{max-width:100%;padding:clamp(17px,3vw,26px);margin:20px 0}.course-question-head{font-size:12px}.course-question-prompt{font:700 clamp(18px,2.5vw,23px)/1.6 Georgia,serif!important;padding:16px 18px!important}.course-choice{min-height:58px;padding:12px 14px;border-radius:13px}.course-choice>b{font-size:15px}.course-choice>span{width:31px;height:31px;font-size:12px}.course-feedback{padding:17px!important;font-size:14px!important}.course-feedback>b{font-size:16px!important}.course-feedback>p{font-size:14px!important;line-height:1.85!important}.course-response-summary{font-size:12px;padding:10px 0}.course-response-summary strong{font-size:14px}.course-example-again{padding:13px!important}.course-action-hint{font-size:12px}.linear-footnote{margin:18px 0 0;text-align:center;color:#b99eb5;font-size:11px}.linear-complete{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.linear-complete h1{color:#fff0d8;font:700 clamp(28px,5vw,46px) Georgia,serif}.linear-complete p{max-width:600px;color:#e1cbdc;font-size:16px;line-height:1.9}.linear-complete-badge{display:grid;place-items:center;width:110px;height:110px;margin-top:20px;border:3px solid #ffe18a;border-radius:30px;background:#f5c451;color:#482f3b;font:800 30px Georgia,serif;box-shadow:0 8px 0 #965d4d}
@media(max-width:700px){body{padding-bottom:0!important}.app-shell,#app{min-height:calc(100vh - 63px)}.view.linear-path,.view.linear-complete{padding:19px 13px 40px}.linear-progress-head{padding-top:8px}.linear-progress-head h1{font-size:25px}.linear-progress-head p{font-size:12px}.linear-counter{padding:9px 10px;font-size:19px}.course-flow-steps{margin:17px 0;gap:5px}.course-flow-steps li{font-size:9px}.course-flow-steps li span{width:25px;height:25px}.lesson-card{padding:22px 17px!important}.lesson-explanation{font-size:17px!important;line-height:1.9!important}.simple-formula{padding:12px!important;margin:17px 0!important}.simple-formula span{font-size:16px!important}.simple-example b{font-size:17px!important}.course-question-prompt{font-size:18px!important}.course-choice{min-height:54px}.course-choice>b{font-size:14px}.course-question-actions{align-items:stretch}.course-question-actions .btn{width:100%}}

/* Tactile, dimensional learning surfaces: depth is decorative and never hides lesson content. */
.linear-path{perspective:1300px}.linear-progress-head{border:1px solid #75556e;border-radius:20px;padding:17px 20px;background:linear-gradient(145deg,#563c56 0%,#38263c 72%);box-shadow:0 7px 0 #1b111d,0 16px 28px rgba(8,3,10,.28);position:relative;overflow:hidden}.linear-progress-head:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.09),transparent 38%,rgba(255,255,255,.015) 65%)}.linear-counter{transform:translateY(-2px);box-shadow:0 5px 0 #1a101c,0 8px 13px rgba(0,0,0,.22);background:linear-gradient(145deg,#604760,#39283d)}.linear-progress{height:11px;border:1px solid #72536c;box-shadow:inset 0 3px 5px rgba(0,0,0,.28)}.linear-progress i{box-shadow:0 0 14px rgba(245,196,81,.35)}.course-flow-steps li span{box-shadow:0 3px 0 #201420,0 5px 10px rgba(0,0,0,.2)}
.lesson-card{position:relative;isolation:isolate;overflow:visible!important;border:2px solid #ffd978!important;background:linear-gradient(145deg,#fff4df 0%,#f8e4c7 100%)!important;box-shadow:0 8px 0 #995d50,0 17px 34px rgba(8,3,10,.34),inset 0 2px 0 rgba(255,255,255,.88)!important;transform:translateZ(0);transition:transform .22s ease,box-shadow .22s ease}.lesson-card:before{content:"";position:absolute;inset:9px;border:1px dashed rgba(160,87,75,.28);border-radius:15px;pointer-events:none;z-index:-1}.lesson-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.5),transparent 28%,transparent 74%,rgba(238,117,89,.06));z-index:-1}.simple-formula{border-radius:15px!important;background:linear-gradient(145deg,#f1e2f2,#dfcbe5)!important;border:1px solid #c598d0!important;box-shadow:0 5px 0 #87658d,inset 0 2px 0 rgba(255,255,255,.78);transform:translateZ(16px)}.simple-example{position:relative;border-radius:15px!important;background:linear-gradient(145deg,#fffdf1,#ffedc9)!important;border:1px solid #e4c97f!important;box-shadow:0 5px 0 #bd9363,inset 0 2px 0 rgba(255,255,255,.9);transform:translateZ(24px)}.simple-example:before{content:"“";position:absolute;left:12px;top:2px;color:rgba(180,97,81,.15);font:700 58px Georgia,serif}.simple-note{padding:15px 17px!important;border-radius:14px;background:linear-gradient(145deg,#f8e2d4,#f3d6c4);border:1px solid #e7aa90;box-shadow:0 4px 0 #b57464;transform:translateZ(10px)}
.course-question-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#4b354d,#36243b)!important;border:1px solid #8a6680!important;border-radius:22px!important;box-shadow:0 8px 0 #1b111d,0 18px 32px rgba(7,2,10,.32),inset 0 1px 0 rgba(255,255,255,.13)!important}.course-question-panel:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,220,137,.19);border-radius:15px;pointer-events:none}.course-question-head{position:relative;z-index:1;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.course-question-prompt{position:relative;border:1px solid #e6c285!important;border-left:5px solid #f47759!important;background:linear-gradient(145deg,#fff2dc,#f4dfc0)!important;box-shadow:0 5px 0 #a16b5b,0 8px 15px rgba(11,4,12,.18);transform:translateZ(18px)}.course-choice{position:relative;background:linear-gradient(145deg,#684b68,#49334d);border:1px solid #886786;box-shadow:0 4px 0 #28182d,0 7px 12px rgba(10,3,12,.2),inset 0 1px 0 rgba(255,255,255,.1);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.course-choice:not(:disabled):hover{transform:translateY(-3px) rotateX(2deg);box-shadow:0 7px 0 #28182d,0 12px 16px rgba(10,3,12,.24);filter:brightness(1.08)}.course-choice:not(:disabled):active{transform:translateY(1px);box-shadow:0 2px 0 #28182d}.course-choice>span{box-shadow:0 3px 0 #b77a48}.course-choice.is-correct{background:linear-gradient(145deg,#edf5dd,#dcebcf)!important;border-color:#a2c58b;box-shadow:0 4px 0 #7a9c6d;color:#31442f}.course-choice.is-wrong{background:linear-gradient(145deg,#ffebe0,#f6d3c9)!important;border-color:#edaa94;box-shadow:0 4px 0 #aa655c;color:#57323a}.course-feedback{border-radius:16px!important;box-shadow:0 5px 0 #8a6680,inset 0 1px 0 rgba(255,255,255,.7)}.course-feedback.right{box-shadow:0 5px 0 #8da17b}.course-feedback.wrong{box-shadow:0 5px 0 #b57464}.course-start-question{background:linear-gradient(145deg,#4b354d,#36243b)!important;border:1px solid #8a6680!important;box-shadow:0 7px 0 #1b111d,0 12px 22px rgba(7,2,10,.28)!important}.btn{position:relative;box-shadow:0 5px 0 #914d48,0 8px 14px rgba(11,4,12,.22),inset 0 1px 0 rgba(255,255,255,.36)!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{transform:translateY(-2px)!important;box-shadow:0 7px 0 #914d48,0 12px 18px rgba(11,4,12,.25),inset 0 1px 0 rgba(255,255,255,.4)!important;filter:brightness(1.05)}.btn:active{transform:translateY(2px)!important;box-shadow:0 2px 0 #914d48!important}.course-attempt-history{border-radius:12px;box-shadow:0 3px 0 #c7a67c}.linear-footnote{padding:10px 14px;border:1px solid rgba(185,158,181,.22);border-radius:12px;background:rgba(61,44,64,.44)}
@media(max-width:700px){.linear-progress-head{padding:14px 13px;border-radius:16px}.lesson-card:before{inset:6px}.course-question-panel{border-radius:17px!important}.course-choice:not(:disabled):hover{transform:none}.simple-formula,.simple-example,.simple-note{transform:none}}
@media(prefers-reduced-motion:reduce){.lesson-card,.course-choice,.btn{transition:none!important;transform:none!important}}
.lesson-focus{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:17px 0 18px;padding:13px 15px;border:1px solid #edb67f;border-right:5px solid #f47759;border-radius:14px;background:linear-gradient(145deg,#ffe7c8,#fbd9bf);box-shadow:0 4px 0 #bb8068,0 7px 12px rgba(53,28,38,.1)}.lesson-focus span{padding:6px 9px;border-radius:8px;background:#f47759;color:white;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 3px 0 #9c4f49}.lesson-focus b{color:#583746;font-size:15px;line-height:1.7}.lesson-section-label{margin:13px 0 5px;color:#a54d49;font-size:13px;font-weight:900}.lesson-explanation{margin-top:0!important}.simple-note b{color:#a34f48!important}
@media(max-width:700px){.lesson-focus{grid-template-columns:1fr;gap:6px;padding:11px 13px}.lesson-focus span{width:max-content}.lesson-focus b{font-size:14px}}
.linear-counter{direction:ltr;unicode-bidi:isolate;text-align:center}

.lesson-extra{margin-top:20px;border:1px solid #8a6680;border-radius:17px;background:linear-gradient(145deg,#49334b,#36243b);box-shadow:0 6px 0 #1b111d,0 12px 22px rgba(7,2,10,.26);overflow:hidden}.lesson-extra>summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;padding:14px 17px;color:#ffe3a0;font-size:15px;font-weight:900;cursor:pointer;list-style:none}.lesson-extra>summary::-webkit-details-marker{display:none}.lesson-extra>summary:after{content:"＋";display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f5c451;color:#482f3b;box-shadow:0 3px 0 #a8664b;flex:none}.lesson-extra[open]>summary:after{content:"−"}.lesson-extra-body{display:grid;gap:12px;padding:0 14px 15px}.lesson-extra-intro{margin:0;color:#e7d2e0;font-size:13px;line-height:1.85}.extra-rule-card,.extra-warning-card,.extra-trap-card{padding:14px 15px;border:1px solid #ead1a5;border-radius:14px;background:linear-gradient(145deg,#fff2dc,#f4dfc0);box-shadow:0 4px 0 #a97860, inset 0 1px 0 rgba(255,255,255,.8);color:#503746}.extra-rule-card h3,.extra-warning-card h3,.extra-trap-card h3{margin:0 0 6px;color:#a24b49;font-size:14px}.extra-rule-card p,.extra-warning-card p,.extra-trap-card p{margin:0;color:#503746;font-size:14px;line-height:1.8}.extra-rule-example{margin-top:9px;padding:9px 11px;border:1px dashed #c99d69;border-radius:10px;background:#fff9e9;color:#40283d;font:700 15px/1.6 Georgia,serif;direction:ltr;text-align:left}.extra-warning-card{background:linear-gradient(145deg,#fce1d6,#f3cfc3);border-color:#e9a792;box-shadow:0 4px 0 #ad7066}.extra-warning-card h3{color:#a64243}.extra-trap-card{background:linear-gradient(145deg,#e9d9f0,#d9c5e2);border-color:#c6a6ce;box-shadow:0 4px 0 #82638a}.extra-trap-card h3{color:#69466f}.extra-ref-list{margin:0;padding:0 19px 0 0;display:grid;gap:7px;color:#e7d2e0;font-size:12px;line-height:1.6}.extra-ref-list a{color:#ffdb80;text-decoration-thickness:1px;text-underline-offset:3px}.extra-ref-list a:hover{color:white}.extra-reference-summary{color:#e4c9dd!important;font-size:12px!important}.lesson-extra:focus-within{outline:2px solid #f5c451;outline-offset:3px}
@media(max-width:700px){.lesson-extra>summary{font-size:14px;padding:12px 13px}.lesson-extra-body{padding-inline:10px}.extra-rule-card,.extra-warning-card,.extra-trap-card{padding:12px}.extra-rule-card p,.extra-warning-card p,.extra-trap-card p{font-size:13px}}

/* Personal tutoring atmosphere for Zahra */
.topbar .brand strong{font-size:15px!important;letter-spacing:0!important}
.topbar .brand small{font-size:11px!important}
.lesson-card-label{font-size:13px!important;letter-spacing:0!important}
.lesson-card-label:before{content:'جلسة شرح مع زهرتي · ';color:#a05c78;font-weight:800}
.lesson-explanation{background:linear-gradient(135deg,#fffaf5,#fff)!important;border-right:3px solid #d994ad!important;border-radius:14px!important;padding:16px 18px!important}
.course-start-question{border-color:#e5bdca!important;background:#fff9f7!important}
.course-start-question p{font-size:15px!important}
.linear-footnote,.site-credit{display:none!important}

/* Readable, high-contrast finishing pass */
:root{--paper:#211824;--ink:#fff8ee;--ink-soft:#f1e6dc;--muted:#e2d3e1;--line:#77647a}
html,body{font-family:'Noto Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif!important;color:#fff8ee!important}
body{background-color:#211824!important}
.topbar{background:#211824!important;border-bottom-color:#78647a!important}
.brand,.brand:visited,.brand strong{color:#fff8ee!important}.brand small{color:#efdfed!important}
.linear-progress-head p,.linear-progress-caption,.linear-counter i,.course-flow-steps li,.linear-complete p{color:#f0e3ef!important}
.linear-progress-caption{font-size:13px!important}
.course-flow-steps li.active,.course-label{color:#ffe08c!important}
.lesson-card{background:linear-gradient(145deg,#fffaf0,#f8e9d5)!important;color:#30222f!important}
.lesson-card h2,.lesson-explanation,.simple-note p{color:#30222f!important}
.lesson-explanation{font-family:'Noto Sans Arabic',system-ui,sans-serif!important;font-weight:500!important;line-height:2!important}
.lesson-focus b{color:#30222f!important}
.simple-note{background:#fffdf8!important;border-color:#c8b4a2!important;color:#30222f!important}
.simple-note b,.simple-example span,.lesson-card-label{color:#77384b!important}
.simple-example{background:#fff!important;border-color:#d6c4aa!important}
.simple-example b,.simple-formula span{color:#30222f!important}
.course-question-panel{background:#382a3b!important;border-color:#806982!important;color:#fff8ee!important}
.course-question-head,.course-question-head b,.course-action-hint{color:#fff8ee!important}
.course-question-prompt{background:#fff5df!important;color:#30222f!important}
.course-choice{background:#59445b!important;color:#fff!important;border-color:#a48ca7!important}
.course-choice:hover:not(:disabled){background:#6a526c!important}
.course-choice>span{color:#30222f!important;background:#ffdc78!important}
.course-feedback{color:#30222f!important}.course-feedback p{color:#30222f!important}
.course-feedback.right{background:#e8f3df!important;color:#20351f!important}
.course-feedback.wrong{background:#ffe6df!important;color:#51252a!important}
.course-response-summary span,.course-attempt-history summary{color:#fff8ee!important}
.course-response-summary strong,.course-attempt-history b{color:#30222f!important}
.btn{background:#ff987a!important;color:#291823!important;border-color:#ffbea9!important;box-shadow:0 4px 0 #a84745!important;font-weight:800!important}
.btn:hover{background:#ffb098!important}
.course-flow-steps li span{color:#fff!important;border-color:#a891a8!important}
.course-flow-steps li.active span{background:#ff987a!important;color:#291823!important}
.zahra-credit{max-width:980px;margin:10px auto 26px;padding:17px 20px;text-align:center;border-top:1px solid #725d74;color:#f5e9f2;font:500 13px/1.9 'Noto Sans Arabic',system-ui,sans-serif}
.zahra-credit b{display:block;color:#ffe08c;font-size:14px;font-weight:800}
@media(max-width:700px){.linear-progress-caption{font-size:12px!important}.lesson-explanation{font-size:17px!important;line-height:2!important}.zahra-credit{margin:8px 13px 20px;padding:14px 10px;font-size:12px}.zahra-credit b{font-size:13px}}
.course-start-question p{color:#30222f!important;font-weight:500!important}
.course-start-question .btn{color:#291823!important}
.course-action-hint{color:#fff8ee!important}
.zahra-credit{color:#fff8ee!important}
.lesson-focus span{background:#77384b!important;color:#fff!important;border:1px solid #4e2532!important;border-radius:9px!important}


/* Keep the explicit quick-practice entry point available in the focused course shell. */
.top-actions{display:flex!important;align-items:center;gap:8px}.top-actions .text-btn{white-space:nowrap}
@media(max-width:380px){.top-actions .text-btn{font-size:9px;padding:7px 8px}.brand small{display:none}}

.course-catalog .course-unit-card.is-locked{opacity:.84!important;filter:saturate(.72)}

/* Clear, high-contrast answer states in rapid review and unit quizzes. */
.practice-view.quiz-session .quiz-question-kicker{color:#ffe08a!important;font-weight:800}
.practice-view.quiz-session .quiz-session-actions{color:#f6edf5!important}
.practice-view.quiz-session .quiz-session-actions>span,.practice-view.quiz-session .quiz-session-head>p,.practice-view.quiz-session .quiz-score>span{color:#f6edf5!important}
.quiz-question-card .quiz-option.is-correct,.quiz-question-card .quiz-option.is-correct:disabled{background:#d9f2df!important;border:2px solid #176b39!important;border-left:6px solid #176b39!important;color:#173b24!important;font-weight:750;box-shadow:0 2px 0 rgba(23,107,57,.2)!important}
.quiz-question-card .quiz-option.is-correct>span{background:#176b39!important;color:#fff!important}
.quiz-question-card .quiz-option.is-correct>b,.quiz-question-card .quiz-option.is-correct>i{color:#173b24!important;font-weight:800}
.quiz-question-card .quiz-option.is-correct>i{display:inline-block;padding:4px 7px;border-radius:20px;background:#b7e2c2!important}
.quiz-question-card .quiz-option.is-selected-wrong,.quiz-question-card .quiz-option.is-selected-wrong:disabled{background:#ffe1df!important;border:2px solid #ae2530!important;border-left:6px solid #ae2530!important;color:#641b22!important;font-weight:750;box-shadow:0 2px 0 rgba(174,37,48,.18)!important}
.quiz-question-card .quiz-option.is-selected-wrong>span{background:#ae2530!important;color:#fff!important}
.quiz-question-card .quiz-option.is-selected-wrong>b{color:#641b22!important;font-weight:800}
.quiz-feedback.correct{background:#e4f5e8!important;border:2px solid #287541!important;color:#183c24!important}
.quiz-feedback.incorrect{background:#fff0ee!important;border:2px solid #ae2530!important;color:#641b22!important}
.quiz-feedback.correct>b,.quiz-feedback.correct>p,.quiz-feedback.correct>span,.quiz-feedback.correct strong{color:#183c24!important}
.quiz-feedback.incorrect>b,.quiz-feedback.incorrect>p,.quiz-feedback.incorrect>span,.quiz-feedback.incorrect strong{color:#641b22!important}
.quiz-answer-row.is-right{background:#e4f5e8!important;border:1px solid #287541!important;border-right:5px solid #287541!important;color:#183c24!important}
.quiz-answer-row.is-wrong{background:#fff0ee!important;border:1px solid #ae2530!important;border-right:5px solid #ae2530!important;color:#641b22!important}
.quiz-answer-row.is-right>div>b,.quiz-answer-row.is-right p,.quiz-answer-row.is-right small{color:#183c24!important}
.quiz-answer-row.is-wrong>div>b,.quiz-answer-row.is-wrong p,.quiz-answer-row.is-wrong small{color:#641b22!important}
.course-question-panel .course-choice.is-correct,.course-question-panel .course-choice.is-correct:disabled{background:#d9f2df!important;border:2px solid #176b39!important;color:#173b24!important;font-weight:750}
.course-question-panel .course-choice.is-correct>span{background:#176b39!important;color:#fff!important}
.course-question-panel .course-choice.is-correct>b,.course-question-panel .course-choice.is-correct>i{color:#173b24!important;font-weight:800}
.course-question-panel .course-choice.is-wrong,.course-question-panel .course-choice.is-wrong:disabled{background:#ffe1df!important;border:2px solid #ae2530!important;color:#641b22!important;font-weight:750}
.course-question-panel .course-choice.is-wrong>span{background:#ae2530!important;color:#fff!important}
.course-question-panel .course-choice.is-wrong>b{color:#641b22!important;font-weight:800}
.course-feedback.right{background:#e4f5e8!important;border:2px solid #287541!important;color:#183c24!important}
.course-feedback.right>b,.course-feedback.right>p,.course-feedback.right .course-response-summary,.course-feedback.right .course-response-summary strong{color:#183c24!important}
.course-feedback.wrong{background:#fff0ee!important;border:2px solid #ae2530!important;color:#641b22!important}
.course-feedback.wrong>b,.course-feedback.wrong>p,.course-feedback.wrong .course-response-summary,.course-feedback.wrong .course-response-summary strong{color:#641b22!important}