/* 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}


/* Mobile-safe interaction polish: never animate a subtree that is re-rendered after an answer. */
.course-choice,.unit-lesson-row,.course-unit-card,.quiz-set-card{transition:border-color 140ms ease,background-color 140ms ease}
.course-choice:not(:disabled):active,.unit-lesson-row:not(:disabled):active,.course-unit-card:not(:disabled):active,.quiz-set-card:active{filter:brightness(.97)}
.course-choice:focus-visible,.unit-lesson-row:focus-visible,.course-unit-card:focus-visible,.quiz-set-card:focus-visible{outline:3px solid #ffe08c;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  .course-choice,.unit-lesson-row,.course-unit-card,.quiz-set-card{transition:border-color .01ms linear,background-color .01ms linear!important}
}
@media(max-width:700px){
  .lesson-card,.course-question-panel,.course-start-question,.course-feedback{animation:none!important;transform:none!important}
}


/* Focused tactile feedback: animate only the pressed choice or learning surface. */
.course-choice.is-selected{animation:choiceSnap 320ms cubic-bezier(.22,1,.36,1) both;transform-origin:center;will-change:transform}
@keyframes choiceSnap{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-3px) scale(1.025)}68%{transform:translateY(1px) scale(.992)}100%{transform:translateY(0) scale(1)}}
.lesson-focus{transform-style:preserve-3d;cursor:pointer;transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms cubic-bezier(.22,1,.36,1)}
.lesson-focus:active{transform:translateZ(18px) scale(.985) rotateX(-1deg);box-shadow:0 2px 0 #bb8068,0 4px 8px rgba(53,28,38,.1)}
.lesson-focus:focus-visible{outline:3px solid #ffe08c;outline-offset:4px}
@media (hover:hover) and (pointer:fine){
  .lesson-focus:hover{transform:translateZ(8px) rotateX(1deg)}
}
@media(max-width:700px){
  .lesson-focus{transform:translateZ(0);transition:transform 180ms cubic-bezier(.22,1,.36,1),box-shadow 180ms cubic-bezier(.22,1,.36,1)}
  .lesson-focus:active{transform:translateZ(10px) scale(.99) rotateX(-1deg)}
}
@media(prefers-reduced-motion:reduce){
  .course-choice.is-selected,.simple-formula,.lesson-focus{animation:none!important;transition:none!important;transform:none!important;will-change:auto}
}


/* Soft answer feedback reveal: the explanation enters gently after the choice settles. */
.course-feedback.right,.course-feedback.wrong{animation:feedbackRevealSoft 280ms cubic-bezier(.22,1,.36,1) both;transform-origin:top center;will-change:transform,opacity}
@keyframes feedbackRevealSoft{from{opacity:0;transform:translateY(-5px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@media(max-width:700px){.course-feedback.right,.course-feedback.wrong{animation-duration:240ms}}
@media(prefers-reduced-motion:reduce){.course-feedback.right,.course-feedback.wrong{animation:none!important;transform:none!important;will-change:auto}}


/* Three small delight moments: success, next-question, and lesson completion. */
.course-choice.is-selected.is-correct{animation:choiceSnap 320ms cubic-bezier(.22,1,.36,1) both,successGlow 360ms ease-out both}
@keyframes successGlow{0%,100%{box-shadow:0 4px 0 #7a9c6d}45%{box-shadow:0 4px 0 #7a9c6d,0 0 0 5px rgba(145,199,165,.28)}}
html[data-course-transition="question"] .course-question-panel{animation:questionNextIn 260ms cubic-bezier(.22,1,.36,1) both}
@keyframes questionNextIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.course-lesson-complete{display:flex;align-items:center;gap:12px;margin-top:15px;padding:13px 15px;border:1px solid #b7d495;border-radius:14px;background:linear-gradient(145deg,#edf5dd,#dcebcf);box-shadow:0 4px 0 #7a9c6d;color:#31442f;animation:completionPop 280ms cubic-bezier(.22,1,.36,1) both}
.course-lesson-complete>span{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;background:#91c7a5;color:#183c24;font-weight:900;box-shadow:0 3px 0 #668f6e}
.course-lesson-complete b{font-size:15px}.course-lesson-complete p{margin:3px 0 0;color:#47624a;font-size:12px;line-height:1.6}
@keyframes completionPop{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.course-lesson-complete{align-items:flex-start;padding:12px}.course-lesson-complete b{font-size:14px}.course-lesson-complete p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html[data-course-transition="question"] .course-question-panel,.course-choice.is-selected.is-correct,.course-lesson-complete{animation:none!important;transform:none!important}}


/* Gentle lesson feedback, clear progress, and a personal end-of-lesson moment. */
.lesson-question-progress{display:grid;grid-template-columns:minmax(90px,1fr) auto;align-items:center;gap:11px;margin:13px 0 2px;color:#f0e3ef;font-size:11px}
.lesson-question-progress>span{height:7px;overflow:hidden;border-radius:99px;background:#665168;box-shadow:inset 0 1px 2px rgba(0,0,0,.22)}
.lesson-question-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff987a,#ffe08c);transition:width 360ms cubic-bezier(.22,1,.36,1)}
.lesson-question-progress>b{white-space:nowrap;font-size:11px}
html[data-course-transition="question"] .lesson-question-progress i{animation:questionProgressArrive 360ms ease-out both}
@keyframes questionProgressArrive{from{opacity:.55;transform:scaleX(.92);transform-origin:right}to{opacity:1;transform:scaleX(1)}}
.course-choice.is-selected.is-wrong{animation:gentleWrongNudge 340ms cubic-bezier(.22,1,.36,1) both!important}
@keyframes gentleWrongNudge{0%,100%{transform:translateX(0)}30%{transform:translateX(3px)}62%{transform:translateX(-2px)}}
.course-question-panel .course-choice.is-wrong,.course-question-panel .course-choice.is-wrong:disabled{background:#fff0e7!important;border:1px solid #d9a58d!important;color:#59403c!important;box-shadow:0 3px 0 #c18e79!important}
.course-question-panel .course-choice.is-wrong>span{background:#d28a6d!important;color:#fff!important}
.course-question-panel .course-choice.is-wrong>b{color:#59403c!important}
.course-question-panel .course-choice.is-selected.is-correct{position:relative}
.course-question-panel .course-choice.is-selected.is-correct:before{content:'✓';position:absolute;inset-inline-end:9px;top:5px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#176b39;color:#fff;font:800 12px/1 system-ui;opacity:0;transform:scale(.55);animation:tinyCheckIn 300ms cubic-bezier(.22,1,.36,1) 70ms both;pointer-events:none}
@keyframes tinyCheckIn{to{opacity:1;transform:scale(1)}}
.course-question-panel .course-feedback.wrong{background:#fff0e7!important;border:1px solid #d9a58d!important;color:#59403c!important;box-shadow:0 3px 0 #c18e79!important}
.course-question-panel .course-feedback.wrong>b,.course-question-panel .course-feedback.wrong>p,.course-question-panel .course-feedback.wrong .course-response-summary,.course-question-panel .course-feedback.wrong .course-response-summary strong{color:#59403c!important}
.course-lesson-complete{display:grid;gap:12px;animation:completionPop 360ms cubic-bezier(.22,1,.36,1) both}
.course-lesson-complete-heading{display:flex;align-items:center;gap:12px}
.course-lesson-complete-check{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#d9f2df;color:#176b39;font-size:21px;font-weight:900;animation:tinyCheckIn 340ms cubic-bezier(.22,1,.36,1) both}
.course-lesson-complete-heading>div{display:grid;gap:3px}
.course-lesson-complete-heading .course-label{color:#416345!important;font-size:10px}
.course-lesson-complete-heading b{color:#203d29;font-size:16px}
.course-lesson-complete-heading p{margin:0;color:#38513a;font-size:12px;line-height:1.65}
.course-lesson-complete-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.course-lesson-complete-stats>span{display:grid;gap:3px;padding:9px 8px;border:1px solid rgba(23,107,57,.14);border-radius:9px;background:rgba(255,255,255,.62);color:#426047;font-size:10px;text-align:center}
.course-lesson-complete-stats b{color:#1f5934;font-size:15px}
.course-review-lesson{justify-self:start;min-height:44px!important;background:#fff!important;color:#38513a!important;border:1px solid #b7d3b2!important;box-shadow:0 2px 0 #a3bd9c!important}
.lesson-focus{grid-template-columns:34px auto minmax(0,1fr)!important;gap:10px!important}
.lesson-focus-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #edaa94;border-radius:10px;background:#fff8e9;color:#a64e49;font-size:17px;box-shadow:0 2px 0 #d9ae91}
.lesson-focus-label{padding:6px 9px;border-radius:8px;background:#77384b;color:#fff;font-size:11px;font-weight:900;white-space:nowrap}
.lesson-focus.is-noted .lesson-focus-icon{animation:focusSpark 380ms cubic-bezier(.22,1,.36,1) both}
@keyframes focusSpark{35%{transform:rotate(-9deg) scale(1.13);box-shadow:0 0 0 5px rgba(255,224,140,.22)}70%{transform:rotate(5deg) scale(.96)}100%{transform:rotate(0) scale(1)}}
.course-question-panel .course-feedback.wrong{animation-duration:280ms}
@media(max-width:700px){
  .topbar{height:58px!important}.topbar .logo{width:33px;height:33px}
  .course-question-prompt{text-align:center!important}
  .course-choice-list{gap:10px}
  .course-choice{min-height:52px;padding:10px 11px}
  .course-question-actions .btn{min-height:52px}
  .course-question-panel{box-shadow:0 3px 0 #1b111d,0 8px 16px rgba(7,2,10,.2)!important}
  .course-choice{box-shadow:0 2px 0 #28182d!important}
  .lesson-focus{grid-template-columns:30px auto minmax(0,1fr)!important;gap:7px!important;padding:10px!important}
  .lesson-focus-icon{width:28px;height:28px}.lesson-focus-label{font-size:10px;padding:6px 7px}
  .course-lesson-complete-stats{gap:5px}.course-lesson-complete-stats>span{padding:8px 4px;font-size:9px}.course-lesson-complete-stats b{font-size:13px}
  .course-review-lesson{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .lesson-question-progress i,html[data-course-transition="question"] .lesson-question-progress i,.course-choice.is-selected.is-wrong,.course-question-panel .course-choice.is-selected.is-correct:before,.course-lesson-complete,.course-lesson-complete-check,.lesson-focus.is-noted .lesson-focus-icon{animation:none!important;transition:none!important;transform:none!important}
}


/* A distinct, calm end-of-lesson screen with one clear next step. */
.course-lesson-finish-view{gap:12px;padding-top:clamp(20px,8vh,70px)!important}
.course-lesson-finish-view .course-lesson-complete{width:min(100%,680px);margin:0;padding:clamp(17px,4vw,30px);border-radius:20px}
.course-finish-last-answer{display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(23,107,57,.17);border-radius:10px;background:rgba(255,255,255,.64);color:#244b30}
.course-finish-last-answer>b{font-size:11px}
.course-lesson-finish-view .course-finish-last-answer>p{margin:0;color:#203d29!important;font-size:15px;font-weight:750;text-align:left}
.course-finish-last-answer>small{color:#38513a;font-size:11px;line-height:1.7}
.course-finish-next-step{margin:0;color:#38513a;font-size:12px;font-weight:700}
.course-finish-actions{display:flex;flex-wrap:wrap;gap:9px}
.course-finish-actions .btn{min-height:48px}
.course-question-panel .course-choice.is-selected.is-correct:before{inset-inline-end:40px;top:6px;z-index:2}
@media(max-width:700px){
  .course-lesson-finish-view{padding:24px 13px 38px!important}
  .course-finish-actions{display:grid}
  .course-finish-actions .btn{width:100%;min-height:50px}
}
@media(prefers-reduced-motion:reduce){
  .course-lesson-finish-view .course-lesson-complete{animation:none!important;transform:none!important}
}


/* Match the site’s plum frame, paper cards, coral and gold accents. */
.course-question-panel .course-feedback{display:grid;gap:11px;margin-top:14px;padding:14px;border:1px solid #7d6284!important;border-radius:17px;background:linear-gradient(145deg,#49354e,#302435 82%)!important;box-shadow:0 5px 0 #18101c,0 10px 20px rgba(15,7,18,.18)!important;color:#fff8e9!important}
.course-question-panel .course-feedback.right{border-color:#91c7a5!important}
.course-question-panel .course-feedback.wrong{border-color:#e39a7e!important}
.course-feedback-heading{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,224,140,.28)}
.course-feedback-heading>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border:2px solid #ffe08c;border-radius:11px;background:#fff3cc;color:#4c2c46;font-size:20px;font-weight:900;box-shadow:0 3px 0 #bf8e4d}
.course-feedback.wrong .course-feedback-heading>span{border-color:#ff987a;background:#ffe4d8;color:#703d49;box-shadow:0 3px 0 #bd7464}
.course-feedback-heading>div{display:grid;gap:2px}
.course-feedback-heading small{color:#ffe08c;font-size:10px;font-weight:850}
.course-feedback-heading b{color:#fff8e9;font-size:14px}
.course-answer-plate{display:grid;gap:7px;padding:11px 12px;border:1px solid #e7c66e;border-inline-start:5px solid #ff987a;border-radius:12px;background:linear-gradient(115deg,#fff8e9,#f2e5f0);color:#2d2031;box-shadow:0 4px 0 #775069}
.course-answer-plate>span{color:#70465f;font-size:10px;font-weight:900}
.course-answer-plate>strong{display:block;overflow-wrap:anywhere;color:#2d2031;font-size:15px;font-weight:850;line-height:1.55}
.course-answer-plate.is-right{border-color:#8abd91;border-inline-start-color:#64a474;background:linear-gradient(115deg,#e7f5df,#d2ebd3);box-shadow:0 4px 0 #557b5e}
.course-answer-plate.is-right>span{color:#326345}
.course-answer-plate.is-wrong{border-color:#e4aa8c;border-inline-start-color:#e17e67;background:linear-gradient(115deg,#fff0e7,#f8dfe1);box-shadow:0 4px 0 #a96764}
.course-answer-plate.is-wrong>span{color:#824752}
.course-feedback-divider{display:flex;align-items:center;gap:8px;color:#ffe08c;font-size:10px;font-weight:900;text-align:center}
.course-feedback-divider>i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,224,140,.75),transparent)}
.course-feedback-divider>span{flex:none;padding:4px 9px;border:1px solid rgba(255,224,140,.42);border-radius:99px;background:#39293f;color:#ffe08c}
.course-feedback-explanation{padding:10px 12px;border:1px solid #dbc6df;border-inline-start:4px solid #b884a7;border-radius:10px;background:#f7edf6;color:#302434}
.course-feedback-explanation.is-right{border-color:#b5d49e;border-inline-start-color:#72a77a;background:#eff5df}
.course-feedback-explanation.is-wrong{border-color:#e6b69f;border-inline-start-color:#e28c71;background:#fff0e7}
.course-question-panel .course-feedback .course-feedback-explanation>p{margin:0;color:#302434!important;font-size:13px;line-height:1.8}
.course-feedback-example{display:grid;gap:5px;padding:9px 11px;border:1px dashed #c99559;border-radius:10px;background:#fff2c9;color:#352536}
.course-feedback-example>span{color:#855b39;font-size:10px;font-weight:850}
.course-feedback-example>b{overflow-wrap:anywhere;color:#352536;font-size:13px;text-align:left}
.course-lesson-finish-view .course-lesson-complete{position:relative;overflow:hidden;display:grid!important;gap:14px!important;border:2px solid #eac66d!important;border-radius:22px!important;background:linear-gradient(145deg,#fff8e9 0%,#fff8e9 54%,#f1e2f2 100%)!important;box-shadow:0 7px 0 #764663,0 16px 34px rgba(13,6,16,.34)!important;color:#302234!important}
.course-lesson-finish-view .course-lesson-complete:before{content:'✦';position:absolute;top:10px;inset-inline-start:15px;color:#d8a943;font-size:25px;opacity:.78}
.course-lesson-finish-view .course-lesson-complete-heading{position:relative;padding:4px 2px 11px;border-bottom:1px dashed #c8a6c3}
.course-lesson-finish-view .course-lesson-complete-check{width:44px;height:44px;border:2px solid #e8bf57;background:linear-gradient(145deg,#fff0ac,#ffc680);color:#54334b;box-shadow:0 4px 0 #a36c60;font-size:22px}
.course-lesson-finish-view .course-lesson-complete-heading .course-label{color:#8d536a!important;font-weight:900}
.course-lesson-finish-view .course-lesson-complete-heading b{color:#302234!important;font-size:19px}
.course-lesson-finish-view .course-lesson-complete-heading p{color:#5e4b5f!important;font-size:12px}
.course-lesson-finish-view .course-lesson-complete-stats{gap:9px}
.course-lesson-finish-view .course-lesson-complete-stats>span{min-height:65px;align-content:center;padding:9px 7px;border:1px solid #9c7b9a;border-radius:12px;background:#45354b;color:#fff8e9;font-size:10px;box-shadow:0 4px 0 #261a2a}
.course-lesson-finish-view .course-lesson-complete-stats>span:nth-child(1){border-color:#e3bd5a;background:linear-gradient(145deg,#ffe597,#f4c968);color:#392841;box-shadow:0 4px 0 #a87d3b}
.course-lesson-finish-view .course-lesson-complete-stats>span:nth-child(2){border-color:#8abd91;background:linear-gradient(145deg,#dff0d0,#acd5ae);color:#294b39;box-shadow:0 4px 0 #648767}
.course-lesson-finish-view .course-lesson-complete-stats>span:nth-child(3){border-color:#e59b7b;background:linear-gradient(145deg,#ffc09a,#f18b78);color:#522f42;box-shadow:0 4px 0 #a65759}
.course-lesson-finish-view .course-lesson-complete-stats b{color:inherit;font-size:17px}
.course-finish-last-answer{gap:10px;padding:12px;border:1px solid #8c6c93;border-radius:15px;background:linear-gradient(145deg,#49354e,#332638);box-shadow:0 5px 0 #211726;color:#fff8e9}
.course-finish-answer-kicker{color:#ffe08c;font-size:11px;font-weight:900}
.course-finish-answer-line{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #91c7a5;border-inline-start:5px solid #75a87d;border-radius:12px;background:linear-gradient(115deg,#e8f5dc,#d2e9d2);box-shadow:0 4px 0 #58775e;color:#2b4534}
.course-finish-answer-line>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#365f48;color:#fff;font-weight:900}
.course-finish-answer-line>div{display:grid;gap:4px;min-width:0}
.course-finish-answer-line small,.course-finish-explanation>small{color:#4b6a50;font-size:10px;font-weight:900}
.course-finish-answer-line strong{overflow-wrap:anywhere;color:#2b4534;font-size:15px;line-height:1.55}
.course-finish-last-answer .course-feedback-divider{margin:1px 0;color:#ffe08c}
.course-finish-last-answer .course-feedback-divider>span{background:#39293f}
.course-finish-explanation{padding:10px 12px;border:1px solid #d6b8d2;border-inline-start:4px solid #ff987a;border-radius:10px;background:#fff8e9;color:#342536}
.course-lesson-finish-view .course-finish-explanation>p{margin:4px 0 0;color:#342536!important;font-size:12px;line-height:1.8}
.course-lesson-finish-view .course-finish-next-step{padding:8px 10px;border-inline-start:4px solid #d5a94d;border-radius:7px;background:#f2e4f0;color:#4a304a!important}
.course-lesson-finish-view .course-finish-actions .btn{min-height:49px;border:1px solid #8e4769!important;background:linear-gradient(145deg,#ffb28a,#f18a78)!important;color:#392536!important;box-shadow:0 5px 0 #783e5c!important;font-weight:900}
.course-lesson-finish-view .course-finish-actions .btn.secondary{border-color:#6c5274!important;background:linear-gradient(145deg,#5b4360,#3d2d43)!important;color:#fff4da!important;box-shadow:0 5px 0 #241829!important}
@media(max-width:700px){
  .course-question-panel .course-feedback{gap:9px;padding:11px}
  .course-feedback-heading b{font-size:13px}
  .course-answer-plate>strong{font-size:13px}
  .course-question-panel .course-feedback .course-feedback-explanation>p{font-size:12px}
  .course-lesson-finish-view .course-lesson-complete{padding:15px!important}
  .course-lesson-finish-view .course-lesson-complete-heading b{font-size:16px}
  .course-lesson-finish-view .course-lesson-complete-stats{gap:7px}
  .course-lesson-finish-view .course-lesson-complete-stats>span{min-height:59px;padding:7px 4px;font-size:9px}
  .course-lesson-finish-view .course-lesson-complete-stats b{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .course-feedback-heading>span,.course-lesson-finish-view .course-lesson-complete:before{animation:none!important}
}

.course-question-panel .course-feedback.right{background:linear-gradient(145deg,#49354e,#302435 82%)!important}
.course-question-panel .course-feedback.wrong{background:linear-gradient(145deg,#49354e,#302435 82%)!important}


/* «خلي بالك»: colors are semantic by reminder type, not randomized. */
.lesson-focus[data-focus-type="form"]{border-color:#c7a4cf!important;border-right-color:#80508a!important;background:linear-gradient(145deg,#f0e3f3,#e1cfe9)!important;box-shadow:0 4px 0 #80638a,0 7px 12px rgba(53,28,68,.12)!important}
.lesson-focus[data-focus-type="time"]{border-color:#99c7d3!important;border-right-color:#3d8798!important;background:linear-gradient(145deg,#e5f4f6,#cee8ec)!important;box-shadow:0 4px 0 #5b94a0,0 7px 12px rgba(28,70,83,.12)!important}
.lesson-focus[data-focus-type="contrast"]{border-color:#9dcca8!important;border-right-color:#4e9364!important;background:linear-gradient(145deg,#e8f4df,#d3ead0)!important;box-shadow:0 4px 0 #658d68,0 7px 12px rgba(31,70,46,.11)!important}
.lesson-focus[data-focus-type="question"]{border-color:#b8b9df!important;border-right-color:#6468a5!important;background:linear-gradient(145deg,#ecebfa,#dcdcf1)!important;box-shadow:0 4px 0 #6f709e,0 7px 12px rgba(45,43,91,.12)!important}
.lesson-focus[data-focus-type="sequence"]{border-color:#e4c96f!important;border-right-color:#b58033!important;background:linear-gradient(145deg,#fff2cb,#f6e4a9)!important;box-shadow:0 4px 0 #a67a42,0 7px 12px rgba(85,59,25,.12)!important}
.lesson-focus[data-focus-type="caution"]{border-color:#e6a18b!important;border-right-color:#c85c4c!important;background:linear-gradient(145deg,#fff0e6,#f9d9cd)!important;box-shadow:0 4px 0 #b87469,0 7px 12px rgba(92,42,46,.12)!important}
.lesson-focus[data-focus-type="meaning"]{border-color:#e7c16e!important;border-right-color:#d28c34!important;background:linear-gradient(145deg,#fff3d4,#f8e1b6)!important;box-shadow:0 4px 0 #a87e45,0 7px 12px rgba(90,61,24,.12)!important}
.lesson-focus[data-focus-type="evidence"]{border-color:#90c8be!important;border-right-color:#398879!important;background:linear-gradient(145deg,#e4f5ed,#cae9df)!important;box-shadow:0 4px 0 #588b7e,0 7px 12px rgba(24,76,63,.12)!important}
.lesson-focus[data-focus-type="writing"]{border-color:#e2ad7a!important;border-right-color:#c46e40!important;background:linear-gradient(145deg,#fff0da,#f7d8b8)!important;box-shadow:0 4px 0 #a96d51,0 7px 12px rgba(91,49,29,.12)!important}
.lesson-focus[data-focus-type="form"] .lesson-focus-label,.lesson-focus[data-focus-type="form"] .lesson-focus-icon{background:#714477!important;border-color:#51315d!important;color:#fff5dc!important}
.lesson-focus[data-focus-type="time"] .lesson-focus-label,.lesson-focus[data-focus-type="time"] .lesson-focus-icon{background:#276a7c!important;border-color:#1d5364!important;color:#effcff!important}
.lesson-focus[data-focus-type="contrast"] .lesson-focus-label,.lesson-focus[data-focus-type="contrast"] .lesson-focus-icon{background:#39734c!important;border-color:#2a5b3c!important;color:#f2ffe9!important}
.lesson-focus[data-focus-type="question"] .lesson-focus-label,.lesson-focus[data-focus-type="question"] .lesson-focus-icon{background:#4e528c!important;border-color:#393e73!important;color:#f5f3ff!important}
.lesson-focus[data-focus-type="sequence"] .lesson-focus-label,.lesson-focus[data-focus-type="sequence"] .lesson-focus-icon{background:#78511f!important;border-color:#573915!important;color:#fff5d8!important}
.lesson-focus[data-focus-type="caution"] .lesson-focus-label,.lesson-focus[data-focus-type="caution"] .lesson-focus-icon{background:#8f3f4e!important;border-color:#702e40!important;color:#fff2e8!important}
.lesson-focus[data-focus-type="meaning"] .lesson-focus-label,.lesson-focus[data-focus-type="meaning"] .lesson-focus-icon{background:#8c5c22!important;border-color:#684318!important;color:#fff5dd!important}
.lesson-focus[data-focus-type="evidence"] .lesson-focus-label,.lesson-focus[data-focus-type="evidence"] .lesson-focus-icon{background:#28695f!important;border-color:#1d5149!important;color:#effff8!important}
.lesson-focus[data-focus-type="writing"] .lesson-focus-label,.lesson-focus[data-focus-type="writing"] .lesson-focus-icon{background:#884f33!important;border-color:#673a26!important;color:#fff4e9!important}
.lesson-focus .lesson-focus-label{max-width:100%;white-space:normal!important;line-height:1.35}
.lesson-focus .lesson-focus-icon{display:grid;place-items:center;min-width:31px;font-size:12px;font-weight:950;letter-spacing:-.04em}

/* Persistent mobile action dock; clear the gesture area and keep page content scrollable above it. */
@media(max-width:700px){
  .view.linear-path.has-sticky-course-action{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
  .course-question-panel.has-response .course-question-actions{position:fixed;z-index:180;inset-inline:0;bottom:0;display:flex;justify-content:center;align-items:center;margin:0;padding:11px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,224,140,.18);background:linear-gradient(180deg,rgba(33,24,36,0),rgba(33,24,36,.96) 25%,#211824 100%);box-shadow:0 -12px 28px rgba(13,6,16,.32);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
  .course-question-panel.has-response .course-question-actions .btn{width:min(100%,680px);min-height:54px;margin:0}
  .course-lesson-finish-view{padding-bottom:calc(116px + env(safe-area-inset-bottom))!important}
  .course-lesson-finish-view .course-finish-actions{position:fixed;z-index:180;inset-inline:0;bottom:0;display:flex;justify-content:center;align-items:center;margin:0;padding:11px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,224,140,.18);background:linear-gradient(180deg,rgba(33,24,36,0),rgba(33,24,36,.96) 25%,#211824 100%);box-shadow:0 -12px 28px rgba(13,6,16,.32);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
  .course-lesson-finish-view .course-finish-actions .btn{width:min(100%,680px);min-height:54px;margin:0}
  .course-lesson-finish-view .course-finish-review-action{width:100%;min-height:48px}
}
@media(max-width:700px){
  .view.linear-path.has-sticky-course-action{perspective:none!important;transform:none!important}
  .view.linear-path.has-sticky-course-action .course-question-panel.has-response{overflow:visible!important;transform:none!important;animation:none!important}
}


/* Phone-first spacing and flatter card depth: the content stays anchored in the viewport. */
@media(max-width:700px){
  .course-choice-list{gap:12px!important}
  .course-question-prompt{text-align:center!important;transform:none!important;box-shadow:0 2px 0 #a16b5b,0 4px 9px rgba(11,4,12,.13)!important}
  .course-question-panel{box-shadow:0 3px 0 #1b111d,0 8px 15px rgba(7,2,10,.2),inset 0 1px 0 rgba(255,255,255,.13)!important}
  .course-choice{min-height:54px!important;transform:none!important;box-shadow:0 2px 0 #28182d,inset 0 1px 0 rgba(255,255,255,.08)!important}
  .course-choice:not(:disabled):hover,.course-choice:not(:disabled):active{transform:none!important}
  .lesson-card{transform:none!important;box-shadow:0 4px 0 #995d50,0 9px 18px rgba(8,3,10,.23),inset 0 2px 0 rgba(255,255,255,.88)!important}
  .course-feedback{box-shadow:0 2px 0 #8a6680,inset 0 1px 0 rgba(255,255,255,.7)!important}
  .course-answer-plate{box-shadow:0 2px 0 #775069!important}
  .course-lesson-complete{box-shadow:0 3px 0 #241829,0 10px 19px rgba(12,5,15,.2),inset 0 2px 0 rgba(255,255,255,.9)!important}
}
.course-finish-personal-message{margin:5px 0 0!important;color:#8b6337!important;font-size:13px!important;font-weight:800!important;line-height:1.7!important}
@media(max-width:700px){.course-finish-personal-message{font-size:12px!important}}


/* A recognizable two-line focus note, with one entry shimmer and a tactile side rail. */
.lesson-focus{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;overflow:hidden!important;padding:12px 14px!important}
.lesson-focus-top{display:flex;align-items:center;gap:9px;min-width:0}
.lesson-focus-title{color:#503853;font-size:13px;font-weight:950;line-height:1.35;white-space:nowrap}
.lesson-focus .lesson-focus-label{margin-inline-start:auto;max-width:min(62%,240px);padding:6px 9px;border-radius:8px;font-size:10px;font-weight:900;line-height:1.35;white-space:normal!important;text-align:center}
.lesson-focus .lesson-focus-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;border-radius:10px}
.lesson-focus-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.lesson-focus .lesson-focus-copy{display:block;min-width:0;margin:0;color:#342839;font-size:13px;font-weight:750;line-height:1.75;overflow-wrap:anywhere}
.lesson-focus::before{content:"";position:absolute;inset-block:9px;inset-inline-start:0;width:4px;border-radius:999px;background:var(--focus-rail,#714477);opacity:.82;transform:scaleY(.72);transform-origin:center;transition:transform 220ms ease,opacity 220ms ease;pointer-events:none}
.lesson-focus.is-noted::before{animation:focusRailMove 420ms cubic-bezier(.22,1,.36,1) both}
.lesson-focus:active::before{transform:scaleY(1);opacity:1}
.lesson-focus.is-entering::after{content:"";position:absolute;top:-45%;left:-42%;width:32%;height:190%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.58),rgba(255,255,255,.12),transparent);transform:skewX(-17deg);pointer-events:none;animation:focusOpenSheen 760ms ease-out 120ms both}
@keyframes focusOpenSheen{0%{left:-42%;opacity:0}18%{opacity:.9}100%{left:125%;opacity:0}}
@keyframes focusRailMove{0%{transform:translateY(8px) scaleY(.28);opacity:.35}45%{transform:translateY(-3px) scaleY(1.12);opacity:1}100%{transform:translateY(0) scaleY(.78);opacity:.82}}
.lesson-focus[data-focus-type="form"]{--focus-rail:#714477}
.lesson-focus[data-focus-type="time"]{--focus-rail:#276a7c}
.lesson-focus[data-focus-type="contrast"]{--focus-rail:#39734c}
.lesson-focus[data-focus-type="question"]{--focus-rail:#4e528c}
.lesson-focus[data-focus-type="sequence"]{--focus-rail:#78511f}
.lesson-focus[data-focus-type="caution"]{--focus-rail:#8f3f4e}
.lesson-focus[data-focus-type="meaning"]{--focus-rail:#8c5c22}
.lesson-focus[data-focus-type="evidence"]{--focus-rail:#28695f}
.lesson-focus[data-focus-type="writing"]{--focus-rail:#884f33}
@media(max-width:700px){
  .lesson-focus{gap:8px!important;padding:11px 12px!important}
  .lesson-focus-top{gap:8px}
  .lesson-focus .lesson-focus-icon{flex-basis:29px;width:29px;height:29px;min-width:29px}
  .lesson-focus-title{font-size:12px}
  .lesson-focus .lesson-focus-label{max-width:66%;padding:5px 7px;font-size:9px}
  .lesson-focus .lesson-focus-copy{font-size:12px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){
  .lesson-focus.is-entering::after{animation:none!important;opacity:0!important}
  .lesson-focus.is-noted::before{animation:none!important}
  .lesson-focus::before{transition:none!important}
}


/* Clearer focus note and answer states: explicit labels, calm contrast, and readable mobile wrapping. */
.lesson-focus{
  gap:11px!important;
  padding:14px 16px!important;
  border-radius:16px!important;
  box-shadow:0 3px 0 var(--focus-rail,#714477),0 8px 18px rgba(35,22,40,.1),inset 0 1px 0 rgba(255,255,255,.7)!important;
  text-align:right;
}
.lesson-focus-top{gap:9px;min-height:34px}
.lesson-focus .lesson-focus-icon{border-radius:11px;box-shadow:0 2px 0 rgba(40,24,45,.16)}
.lesson-focus-title{font-size:13px;font-weight:900;letter-spacing:0}
.lesson-focus .lesson-focus-label{padding:6px 10px;border:1px solid rgba(45,34,49,.12);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);font-size:10px;font-weight:850}
.lesson-focus .lesson-focus-copy{
  padding:10px 12px!important;
  border:1px solid rgba(57,42,58,.12);
  border-inline-start:3px solid var(--focus-rail,#714477);
  border-radius:10px;
  background:rgba(255,255,255,.56);
  color:#302536!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.8!important;
}
.course-choice{transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.course-question-panel .course-choice.is-correct{
  border:1.5px solid #5f9b70!important;
  background:linear-gradient(110deg,#eff8e9,#dcefdc)!important;
  box-shadow:inset 0 0 0 1px rgba(95,155,112,.1),0 2px 0 #72957a!important;
}
.course-question-panel .course-choice.is-wrong{
  border:1.5px solid #d28c75!important;
  background:linear-gradient(110deg,#fff4e9,#f8e2dc)!important;
  box-shadow:inset 0 0 0 1px rgba(190,104,82,.08),0 2px 0 #be8d79!important;
}
.course-choice.is-correct>span{background:#39744d!important;color:#fff!important}
.course-choice.is-wrong>span{background:#b96650!important;color:#fff!important}
.course-choice .choice-state{
  display:inline-flex!important;
  align-items:center;
  justify-self:end;
  gap:5px;
  max-width:100%;
  padding:5px 8px;
  border:1px solid #8bb899;
  border-radius:999px;
  background:#f8fff4;
  color:#28583b!important;
  font-size:9px!important;
  font-weight:850;
  font-style:normal;
  line-height:1.35;
  white-space:nowrap;
}
.course-choice .choice-state>span:first-child{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#39744d;color:#fff;font-size:10px;font-weight:900}
.course-choice .choice-state.is-wrong-state{border-color:#d9a58e;background:#fffaf4;color:#824837!important}
.course-choice .choice-state.is-wrong-state>span:first-child{background:#b96650}
.course-feedback-heading small{display:inline-flex;width:max-content;align-items:center;padding:3px 8px;border:1px solid rgba(255,224,140,.38);border-radius:999px;background:rgba(255,248,233,.08);letter-spacing:.01em}
.course-feedback.wrong .course-feedback-heading small{border-color:rgba(255,168,136,.46);color:#ffd3bd}
.course-feedback-heading b{line-height:1.55}
.course-answer-plate{gap:8px}
.course-answer-plate>span{display:flex;align-items:center;gap:6px;letter-spacing:.01em}
.course-answer-plate.is-right>span:before{content:"✓";display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#39744d;color:white;font-size:11px;font-weight:900}
.course-answer-plate.is-wrong>span:before{content:"×";display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#b96650;color:white;font-size:12px;font-weight:900}
.course-feedback-divider>span{line-height:1.5}
.course-feedback-explanation{border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.course-feedback-example{border-style:solid;border-color:#e5c46d;background:linear-gradient(110deg,#fff7d9,#fff0c5)}
@media(max-width:700px){
  .lesson-focus{gap:9px!important;padding:12px!important}
  .lesson-focus .lesson-focus-copy{padding:9px 10px!important;font-size:12px!important;line-height:1.75!important}
  .lesson-focus .lesson-focus-label{max-width:66%;padding:5px 8px}
  .course-choice .choice-state{grid-column:2;justify-self:start;margin-top:2px}
  .course-choice.is-correct,.course-choice.is-wrong{min-height:58px!important}
}
@media(prefers-reduced-motion:reduce){
  .course-choice{transition:none!important}
}


/* Clear answer alignment within the shared site palette. */
.course-choice{direction:ltr!important;text-align:left!important;grid-template-columns:30px minmax(0,1fr) auto!important}
.course-choice>b{min-width:0;text-align:left!important}
.course-choice .choice-state{direction:rtl;justify-self:end}
.course-choice .choice-state>span:first-child{font-family:Arial,sans-serif;font-size:9px;line-height:1}
.course-choice .choice-state.is-wrong-state>span:first-child{background:#A64F3D}
.course-question-panel .course-choice.is-selected.is-correct:before{content:none!important;display:none!important;animation:none!important}
.course-feedback-heading>span{width:32px;height:32px;border:0;border-radius:50%;background:#39744d;color:#fff;font-size:17px;line-height:1;box-shadow:none}
.course-feedback.wrong .course-feedback-heading>span{border:0;background:#A64F3D;color:#fff;box-shadow:none}
.course-answer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.course-answer-comparison .course-answer-plate{min-width:0}
.course-answer-plate.is-right>span:before,.course-answer-plate.is-wrong>span:before{content:none!important;display:none!important}
.course-answer-plate>strong{min-width:0;text-align:left}
.course-feedback-divider>span{border-radius:8px;background:#35283b;color:#fff2c6}
@media(max-width:700px){
  .course-choice .choice-state{grid-column:2;justify-self:start;margin-top:2px}
  .course-answer-comparison{grid-template-columns:1fr}
}


/* Compact review cards: show the decision first, keep long coaching optional. */
.course-feedback-preview,.quiz-feedback-preview{margin:0!important;display:-webkit-box!important;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden}
.course-feedback-details,.quiz-feedback-details{margin-top:8px;border-top:1px dashed rgba(86,55,73,.25);padding-top:7px}
.course-feedback-details summary,.quiz-feedback-details summary{cursor:pointer;color:#824752;font-size:10px;font-weight:850;list-style:none}
.course-feedback-details summary::-webkit-details-marker,.quiz-feedback-details summary::-webkit-details-marker{display:none}
.course-feedback-details summary:before,.quiz-feedback-details summary:before{content:'+';display:inline-grid;place-items:center;width:18px;height:18px;margin-inline-end:5px;border-radius:50%;background:#f1dfd8;color:#824752;font-size:13px}
.course-feedback-details[open] summary:before,.quiz-feedback-details[open] summary:before{content:'−'}
.course-feedback-details p,.quiz-feedback-details p{margin:7px 0 0!important;font-size:11px!important;line-height:1.75!important}
.mistake-answer-grid,.quiz-answer-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.mistake-answer-grid p,.quiz-answer-compare p{display:grid;gap:4px;margin:0!important;padding:9px 10px;border:1px solid #e2d5d0;border-radius:8px;background:#fffaf6}
.mistake-answer-grid p:first-child,.quiz-answer-compare p:first-child{border-inline-start:3px solid #d9a58d}
.mistake-answer-grid p:last-child,.quiz-answer-compare p:last-child{border-inline-start:3px solid #789b78}
.mistake-answer-grid small,.quiz-answer-compare small{color:#7b6b69;font-size:9px;font-weight:800}
.mistake-answer-grid b,.quiz-answer-compare strong{color:#30222f;font-size:12px;overflow-wrap:anywhere}
.mistake-reason,.quiz-review-explanation{margin-top:8px;padding:10px 11px;border-inline-start:3px solid #b884a7;border-radius:7px;background:#faf5f8}
.mistake-reason>b,.quiz-review-explanation>b{display:block;margin-bottom:4px;color:#824752;font-size:10px}
.mistake-reason p,.quiz-review-explanation p{margin:0;color:#594650;font-size:11px;line-height:1.75}
.quiz-answer-row>div{min-width:0}

/* Warm personal notebook direction: quiet palette, clear hierarchy, gentle learning atmosphere. */
:root{--notebook-ink:#342638;--notebook-muted:#756477;--notebook-plum:#673d61;--notebook-plum-dark:#4a2d48;--notebook-peach:#e88772;--notebook-gold:#d3a34f;--notebook-paper:#fffaf2;--notebook-line:#e6d6d0}
body{background:linear-gradient(145deg,#f8efe9 0%,#fffaf3 48%,#f3e8ee 100%)!important;color:var(--notebook-ink)}
body:before{background:radial-gradient(circle at 8% 4%,rgba(232,135,114,.13),transparent 28%),radial-gradient(circle at 94% 88%,rgba(103,61,97,.10),transparent 30%)!important}.paper-noise{opacity:.12!important;mix-blend-mode:multiply!important}
.topbar{background:rgba(255,250,242,.9)!important;border-bottom:1px solid rgba(103,61,97,.13)!important;box-shadow:0 4px 20px rgba(76,43,67,.06)!important}.topbar .brand strong{color:var(--notebook-plum-dark)!important}.topbar .brand small{color:var(--notebook-muted)!important}.logo{background:linear-gradient(145deg,#f4c875,#e88772)!important;box-shadow:0 3px 0 #9e5c65!important;color:#fffaf2!important}
.sidebar{background:rgba(255,250,242,.72)!important;border-inline-end:1px solid rgba(103,61,97,.12)!important;box-shadow:none!important}.side-label,.sidebar .nav,.mission,.side-note{color:var(--notebook-muted)!important}.sidebar .nav{border-color:transparent!important}.sidebar .nav.active{background:#f2e2de!important;color:var(--notebook-plum-dark)!important;border-color:#e8c9c3!important;box-shadow:0 3px 0 #d9b5b2!important}.mission{background:#fffaf2!important;border-color:#eadbd3!important;box-shadow:0 4px 12px rgba(103,61,97,.06)!important}.mission strong{color:var(--notebook-plum-dark)!important}.side-note{background:#f4e9ee!important;border-color:#e1cbd6!important}.side-note span{color:var(--notebook-peach)!important}
.linear-path{max-width:900px!important;padding-bottom:56px!important}.linear-progress-head{margin-bottom:12px!important}.linear-progress-head h1{color:var(--notebook-plum-dark)!important;letter-spacing:-.025em!important}.linear-progress-head p{color:var(--notebook-muted)!important}.course-label{color:var(--notebook-peach)!important;letter-spacing:.04em!important}.linear-counter{background:#f2e2de!important;border-color:#e4c7c1!important;color:var(--notebook-plum-dark)!important}.linear-progress{background:#eadbd5!important}.linear-progress i{background:linear-gradient(90deg,#d3a34f,#e88772)!important}.linear-progress-caption{color:var(--notebook-muted)!important}
.course-flow-steps{border-color:var(--notebook-line)!important}.course-flow-steps:before{background:#eadbd5!important}.course-flow-steps li{color:var(--notebook-muted)!important}.course-flow-steps li span{background:#fffaf2!important;border-color:#dbcac7!important;color:var(--notebook-muted)!important}.course-flow-steps li.active,.course-flow-steps li.done{color:var(--notebook-plum)!important}.course-flow-steps li.active span,.course-flow-steps li.done span{background:#f3d9d2!important;border-color:#e5a99c!important;color:var(--notebook-plum-dark)!important}
.lesson-card{position:relative!important;background:var(--notebook-paper)!important;border:1px solid var(--notebook-line)!important;border-radius:24px!important;box-shadow:0 8px 24px rgba(87,49,76,.08),0 2px 0 rgba(211,163,79,.2)!important;color:var(--notebook-ink)!important;overflow:hidden!important}.lesson-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#e88772,#d3a34f);opacity:.8}.lesson-card-label{color:var(--notebook-peach)!important}.lesson-card h2{color:var(--notebook-plum-dark)!important;font-size:clamp(23px,3vw,32px)!important}.lesson-one-line{display:grid;gap:4px;margin:0 0 15px;padding:11px 13px;border:1px solid #ead6cb;border-radius:12px;background:#fff3eb;color:#624756;font-size:13px;line-height:1.75}.lesson-one-line span{color:#b66d5d;font-size:10px;font-weight:900}.lesson-focus{background:#f5edf5!important;border-color:#dbc7dc!important;border-inline-start-color:#8c5e85!important;box-shadow:0 3px 0 #d5bfda!important}.lesson-focus-title{color:var(--notebook-plum)!important}.lesson-focus-label{background:#ead9eb!important;color:#69456a!important}.lesson-focus-copy{color:#503b51!important}.lesson-section-label{color:#a76562!important}.lesson-explanation{color:#594650!important;font-size:14px!important;line-height:2!important}.simple-formula{background:#f2e7f3!important;border-color:#d9c1dd!important;color:#4d3150!important;box-shadow:0 4px 0 #c8aecf!important}.simple-example{background:#fff4d9!important;border-color:#ebd18a!important;box-shadow:0 4px 0 #d8b765!important}.simple-example span{color:#9a7432!important}.simple-example b{color:#3d2b3e!important;font-size:17px!important}.simple-note{background:#eef4e7!important;border-color:#c8dcbf!important;box-shadow:0 3px 0 #b5caaa!important}.simple-note b{color:#55764e!important}.simple-note p{color:#4f654a!important}
.course-start-question{background:#fffaf2!important;border-color:#e5d2ca!important;box-shadow:0 7px 18px rgba(87,49,76,.07)!important}.course-start-question p{color:#604d5e!important}.btn{background:linear-gradient(105deg,#e88772,#d87575)!important;border-color:#c66a6d!important;box-shadow:0 4px 0 #8e4e60!important;color:#fffaf2!important}.btn.secondary{background:#f0e4e8!important;color:var(--notebook-plum-dark)!important;border-color:#d9c0ca!important;box-shadow:0 3px 0 #c3a4b3!important}
.course-question-panel{background:var(--notebook-paper)!important;border-color:var(--notebook-line)!important;box-shadow:0 9px 25px rgba(87,49,76,.08)!important}.course-question-head b,.course-question-prompt{color:var(--notebook-plum-dark)!important}.course-choice{background:#fffdf9!important;border-color:#e5d7d2!important;color:#463247!important;box-shadow:0 3px 0 #ddcec9!important}.course-choice:hover{border-color:#d99b91!important;background:#fff6f0!important}.course-choice.is-correct{background:#eef6e9!important;border-color:#a9c99f!important}.course-choice.is-wrong{background:#fff0ec!important;border-color:#e7ae9e!important}.course-action-hint{color:var(--notebook-muted)!important}
@media(max-width:700px){.mistake-answer-grid,.quiz-answer-compare{gap:6px}.mistake-answer-grid p,.quiz-answer-compare p{padding:8px}.mistake-answer-grid b,.quiz-answer-compare strong{font-size:11px}.mistake-reason p,.quiz-review-explanation p{font-size:10px}.linear-path{padding:18px 13px 42px!important}.lesson-card{border-radius:19px!important;padding:17px!important}.lesson-card h2{font-size:24px!important}.lesson-one-line{font-size:12px}.lesson-explanation{font-size:13px!important}.simple-example b{font-size:15px!important}.course-flow-steps{margin-inline:2px}.course-question-panel{border-radius:18px!important}}