:root{font-family:Avenir Next,Segoe UI,Arial,sans-serif;color:#18334d;background:#f4f7fb;font-synthesis:none;line-height:1.65;font-weight:400;--blue: #174e96;--ink: #18334d;--muted: #526579;--line: #d7e1ed;--paper: #fff;--pale: #eaf1fa}*{box-sizing:border-box}body{margin:0}html[lang=ar]{font-family:Geeza Pro,Noto Sans Arabic,Tahoma,Arial,sans-serif;line-height:1.9}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--blue);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button{border:0}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c76306;outline-offset:4px}h1,h2,h3,p,figure{margin-block-start:0}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(2rem,3.5vw,3.5rem);max-inline-size:22ch;margin-block-end:1.1rem}h2{font-size:1.45rem}h3{font-size:1.2rem}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.5}p{margin-block-end:1.1rem}bdi{unicode-bidi:isolate}img{max-inline-size:100%;block-size:auto}.app{display:flex;min-block-size:100vh}.sidebar{inline-size:250px;flex-shrink:0;background:var(--paper);border-inline-end:1px solid var(--line);padding:2.2rem 1.4rem;display:flex;flex-direction:column;position:fixed;inset-block:0;inset-inline-start:0;z-index:20}.brand{display:flex;align-items:center;flex-direction:column;gap:1.1rem;text-decoration:none;color:var(--ink);margin-block-end:2.4rem}.brand img{inline-size:145px;aspect-ratio:540/314;object-fit:contain;direction:ltr}.brand>span{font-size:1.15rem;font-weight:750;text-align:center}.brand small{display:block;font-weight:400;font-size:.8rem;color:var(--muted)}nav{display:flex;flex-direction:column;gap:.4rem}nav a{display:flex;justify-content:space-between;gap:.5rem;padding:.85rem 1rem;border-radius:8px;text-decoration:none;color:var(--muted);font-size:.94rem;font-weight:600}nav a.active{background:var(--pale);color:var(--blue)}nav a:hover{background:#f0f4fa}.sidebar-foot{margin-block-start:auto;padding:1.3rem .5rem 0;font-size:.8rem;color:var(--muted)}.sidebar-foot .eyebrow{font-size:.65rem}.workspace{margin-inline-start:250px;inline-size:calc(100% - 250px);min-inline-size:0}.topbar{min-block-size:82px;border-block-end:1px solid var(--line);display:flex;align-items:center;gap:1.5rem;padding:1rem 3rem;background:#fffc}.topbar-label{color:var(--muted);font-size:.8rem;font-weight:700;margin-inline-end:auto}.topbar>a{text-decoration:none;font-size:.8rem;color:var(--muted)}.language-switch{display:flex;direction:ltr;background:#edf2f8;border:1px solid var(--line);padding:3px;border-radius:8px;gap:2px}.language-switch button{padding:.35rem .6rem;font-size:.85rem;background:transparent;border-radius:5px;color:var(--ink);min-block-size:36px}.language-switch button[aria-pressed=true]{background:var(--blue);color:#fff}.mini-progress{display:block;block-size:3px;background:var(--line);margin-block-start:.3rem;inline-size:100%}.mini-progress i{display:block;block-size:100%;background:var(--blue)}main{padding:3rem;max-inline-size:1440px;margin-inline:auto;outline:none;min-block-size:75vh}footer{border-block-start:1px solid var(--line);padding:1.4rem 3rem;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:var(--muted)}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:750;color:var(--blue);margin-block-end:.8rem}html[lang=ar] .eyebrow{letter-spacing:0;font-size:.82rem}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:3rem;align-items:center;margin-block:1rem 3rem}.hero h1{white-space:pre-line;max-inline-size:20ch;font-size:clamp(2.2rem,3.3vw,3.5rem)}.hero p{max-inline-size:53ch;font-size:1.08rem;color:var(--muted)}.hero .primary{margin-block-start:.6rem}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-block-size:44px;padding:.7rem 1.05rem;border-radius:6px;font-weight:650;font-size:.9rem;text-decoration:none}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.primary:hover{background:#123d78}.secondary{background:#fff;border:1px solid #a9bdd4;color:var(--blue)}.secondary:hover{background:#edf3fb}.arrow{display:inline-block}html[dir=rtl] .arrow{transform:scaleX(-1)}.course-map{background:#fff;border:1px solid var(--line);border-block-start:4px solid #173f6d;border-radius:4px;padding:1.5rem}.course-map ol{padding:0;margin:0 0 1rem;list-style:none}.course-map li{display:flex;gap:.8rem;align-items:center;padding:.6rem 0}.course-map li span{inline-size:27px;block-size:27px;border:1px solid #b5c8de;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;flex-shrink:0}.course-map li:not(:last-child){border-block-end:1px solid #edf1f6}.course-map a{text-decoration:none;font-size:.9rem;font-weight:650}.course-map small{color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-block:2rem 1rem}.section-title h2{margin:0}.section-title>span{font-size:.75rem;color:var(--muted)}.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.path-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;min-block-size:205px}.foundation-card{grid-column:1/-1;background:#edf3fb;border-color:#afc6e3;min-block-size:170px}.path-card h3{margin-block:.7rem .5rem}.path-card p{font-size:.92rem;color:var(--muted)}.path-card a{margin-block-start:auto;font-size:.87rem;font-weight:700}.badge{display:inline-block;background:#edf2f8;color:#465c72;padding:.2rem .6rem;border-radius:20px;font-size:.73rem}.badge.success{background:#e3f2eb;color:#1c5e45}.bottom-note{margin-block-start:2.5rem;border-block-start:1px solid var(--line);padding-block-start:2rem;display:flex;align-items:center;gap:2rem;justify-content:space-between}.bottom-note p{color:var(--muted);max-inline-size:70ch;font-size:.9rem}.bottom-note>a{flex-shrink:0;font-size:.9rem}.page-heading{margin-block:1.3rem 2rem}.page-heading p{max-inline-size:78ch;color:var(--muted)}.back{font-size:.87rem;text-decoration:none}.lesson-list{display:flex;flex-direction:column;gap:1rem}.lesson-row{display:flex;align-items:center;gap:1.3rem;padding:1.4rem;background:#fff;border:1px solid var(--line);border-radius:7px}.lesson-number{font-size:1.6rem;color:#456b96;font-weight:700;flex-shrink:0}.lesson-row h2{font-size:1.15rem;margin-block-end:.4rem}.lesson-row p{font-size:.9rem;color:var(--muted);margin:0}.lesson-row .secondary{margin-inline-start:auto;flex-shrink:0}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:2.5rem;align-items:start}.lesson-body{min-inline-size:0;max-inline-size:80ch}.objective{font-size:1.06rem}.prerequisites{background:#edf2f8;padding:1.1rem 1.3rem;border-radius:6px;margin-block-end:2rem}.prerequisites h2{font-size:.9rem;margin-block-end:.5rem}.prerequisites p,.prerequisites ul{font-size:.88rem;margin:0}.prerequisites ul{padding-inline-start:1.2rem}.scenario{border-inline-start:4px solid #e1aa29;padding:1.2rem 1.5rem;background:#fffbed;margin-block:1.5rem}.scenario p{margin:0;font-size:1.04rem}.teaching-section{margin-block:2rem;padding-block-end:1.8rem;border-block-end:1px solid var(--line)}.teaching-section h2{font-size:1.4rem}.teaching-section p{line-height:1.9}.teaching-section.example{background:#fff;padding:1.5rem;border:1px solid var(--line);border-radius:7px}.teaching-section.analogy h2{color:#315e85}.evidence-link{font-size:.75rem;text-decoration:none}.formula{font-family:SFMono-Regular,Consolas,monospace;unicode-bidi:isolate;font-size:.94rem;line-height:1.65;padding:1rem;background:#eaf0f8;border:1px solid #d3dfed;border-radius:4px;margin-block:1rem;overflow-wrap:anywhere;text-align:left}.formula-note{background:#fff;border:1px solid var(--line);padding:1rem;border-radius:6px;margin-block-end:1.5rem}.formula-note .formula{font-size:1.2rem}.formula-note p{font-size:.85rem;margin:0}.diagram{margin:1.8rem 0;padding:1.1rem;background:#f9fbfe;border:1px solid var(--line);border-radius:6px}.diagram ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.diagram li{display:flex;gap:.6rem;align-items:center;background:#fff;padding:.8rem;border:1px solid var(--line);font-size:.85rem}.diagram-step{font-weight:700;color:var(--blue);border-inline-end:1px solid var(--line);padding-inline-end:.5rem}.diagram figcaption{font-size:.8rem;color:var(--muted);margin-block-start:1rem}.recap{background:#e8f1f6;border-radius:7px;padding:1.5rem}.recap h2{font-size:1.2rem}.recap p{margin:0}.sources{background:#fff;border:1px solid var(--line);padding:1.2rem;border-radius:6px;overflow-wrap:anywhere}.sources h2{font-size:1.1rem}.sources>p{font-size:.78rem;color:var(--muted)}.source{border-block-start:1px solid var(--line);padding-block:1.1rem}.source:last-child{padding-block-end:0}.source .eyebrow{font-size:.65rem;margin-block-end:.3rem}.source a{font-size:.85rem;display:block;font-weight:650}.source p{font-size:.76rem;margin-block:.65rem 0}.source small{font-size:.7rem;color:var(--muted)}.quiz{margin-block-start:2.5rem}.quiz>p{font-size:.92rem;color:var(--muted)}fieldset{min-inline-size:0;border:1px solid #b9cada;background:#fff;border-radius:7px;margin:1.8rem 0;padding:1.2rem}legend{padding-inline:.4rem;max-inline-size:100%;font-weight:650;font-size:1.02rem}legend .eyebrow{margin-block-end:.35rem}.answer{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;border:1px solid var(--line);border-radius:5px;margin-block:.65rem;cursor:pointer;font-size:.95rem}.answer:has(input:checked){background:#edf4fd;border-color:#688fbe}.answer input{margin-block-start:.42rem;flex-shrink:0;accent-color:var(--blue);inline-size:18px;block-size:18px}.quiz button{margin-block-start:.5rem}.feedback{padding:1rem;border-radius:5px;border:1px solid #b6c7d6;margin-block:1rem}.feedback p{margin:.4rem 0 0}.feedback.correct{background:#edf7f0;border-color:#92b5a0;color:#214e38}.feedback.incorrect{background:#fff5e9;border-color:#d4b486;color:#6e4616}.completion{background:#e2f2e9;padding:1rem;border-radius:5px;color:#1a553b}.lesson-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-block-start:2rem}.next{font-size:.9rem}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;padding:1.5rem}.muted{color:var(--muted);font-size:.9rem}.filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem;background:#fff;border:1px solid var(--line);padding:1.2rem;border-radius:7px}label{font-size:.9rem;font-weight:600}input:not([type=radio]),select{display:block;inline-size:100%;min-inline-size:0;border:1px solid #98aec6;border-radius:5px;background:#fff;color:var(--ink);padding:.65rem .75rem;margin-block-start:.4rem;min-block-size:44px}input::placeholder{color:#647487;font-size:.8rem}.reference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.reference-list article{background:#fff;padding:1.4rem;border:1px solid var(--line);border-radius:6px}.reference-list h2{font-size:1.2rem}.reference-list p{font-size:.9rem;color:var(--muted)}.reference-list a{font-size:.85rem}.scope{background:#edf2f7;color:#455d74;padding:1rem;border-radius:5px;font-size:.85rem;margin-block:1.5rem}.load-row{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);gap:.8rem;align-items:center;padding-block:1.2rem;border-block-end:1px solid var(--line);margin-block-end:1.2rem}.load-index{font-weight:700;color:var(--blue)}.load-row .text-button{grid-column:2/-1;justify-self:start}.text-button{background:none;color:var(--blue);text-decoration:underline;padding:.3rem}.growth{display:block;max-inline-size:320px;margin-block-start:1.5rem}.results{background:#e7f0fa;border:1px solid #bacfe6;padding:1.5rem;border-radius:7px;margin-block:1.5rem}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.result-grid h3{font-size:.9rem;color:var(--muted)}.result-grid strong{display:block;font-size:1.4rem;color:var(--blue)}.progress-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-block:1rem;border-block-end:1px solid var(--line);font-size:.95rem}.progress-row a{font-size:.82rem;flex-shrink:0}.progress-row small{display:block;color:var(--muted);font-size:.75rem;padding-inline-start:1.25rem}.panel>.muted{margin-block-start:1.3rem}.migration{background:#fdf6e5;border:1px solid #d8c48e;padding:1.2rem;border-radius:6px;margin-block-end:2rem;font-size:.9rem}.migration p{margin-block-end:.7rem}.skip{position:fixed;inset-block-start:-100px;inset-inline-start:15px;z-index:100;background:#fff;padding:.7rem 1rem;border:2px solid var(--blue);border-radius:3px}.skip:focus{inset-block-start:10px}.mobile-menu{display:none}@media(min-width:1600px){main{padding:3.5rem 4rem}.reading-layout{grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:1150px){.sidebar{inline-size:215px;padding-inline:1rem}.workspace{margin-inline-start:215px;inline-size:calc(100% - 215px)}main{padding:2rem}.topbar{padding-inline:2rem;gap:.8rem}.hero{grid-template-columns:1fr;gap:1.5rem}.hero h1{max-inline-size:none}.course-map ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}.reading-layout{grid-template-columns:1fr}.sources{margin-block-start:1.5rem}.source{max-inline-size:80ch}.lesson-body{max-inline-size:none}.lesson-row{flex-wrap:wrap}.lesson-row>div{flex:1}.lesson-row .secondary{margin-inline-start:3rem}.bottom-note{align-items:flex-start;flex-direction:column;gap:.5rem}}@media(max-width:800px){.app{display:block}.sidebar{position:relative;inline-size:100%;padding:1rem 1.5rem;border-inline-end:0;border-block-end:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem}.brand{flex-direction:row;margin:0;gap:1rem;justify-content:flex-start}.brand img{inline-size:88px}.brand>span{text-align:start;font-size:1rem}.brand small{font-size:.72rem}.mobile-menu{display:inline-flex}.sidebar nav{display:none;grid-column:1/-1;padding-block-start:.5rem}.sidebar nav.open{display:flex}.sidebar-foot{display:none}.workspace{margin:0;inline-size:100%}.topbar{min-block-size:64px;padding:.75rem 1.5rem}.topbar-label{display:none}.language-switch{margin-inline-end:auto}main{padding:1.7rem 1.5rem}footer{padding:1.2rem 1.5rem;flex-wrap:wrap}.hero{margin-block:1rem 2rem}.hero h1{font-size:2.5rem}.section-title{flex-direction:column;gap:.5rem}.reading-layout{gap:1.5rem}.lesson-row .secondary{margin-inline-start:0}.lesson-row>div{min-inline-size:70%}}@media(max-width:480px){.sidebar{padding:.85rem 1rem}.brand img{inline-size:75px}.brand small{display:none}.brand>span{font-size:.95rem}.mobile-menu{padding:.5rem .7rem;font-size:.8rem}.topbar{padding:.7rem 1rem;gap:.5rem}.topbar>a{font-size:.72rem}.language-switch button{padding:.3rem .5rem;font-size:.8rem}main{padding:1.4rem 1rem}.hero h1{font-size:2.1rem}.hero p{font-size:.98rem}.course-map{padding:1.15rem}.course-map ol{display:block}.paths,.reference-list,.filters{grid-template-columns:1fr}.path-card{padding:1.2rem;min-block-size:185px}.foundation-card{grid-column:auto}.bottom-note{margin-block-start:2rem}.page-heading h1{font-size:2rem}.lesson-row{padding:1rem}.lesson-number{font-size:1.3rem}.lesson-row>div{min-inline-size:70%}.lesson-row .secondary{inline-size:100%}.panel{padding:1rem}.load-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem}.load-index{display:none}.load-row .text-button{grid-column:1/-1}.load-row label{font-size:.78rem}.result-grid{gap:.5rem}.result-grid strong{font-size:1.2rem}.progress-row{align-items:flex-start;flex-direction:column;gap:.4rem}.teaching-section.example,.scenario,.recap{padding:1rem}.diagram ol{grid-template-columns:1fr}.teaching-section p{font-size:.97rem}.quiz fieldset{padding:.9rem}.answer{font-size:.9rem;padding:.7rem}.formula{font-size:.8rem}.lesson-actions{align-items:stretch;flex-direction:column}footer{padding:1rem;font-size:.7rem}h2{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
