:root{--navy:#082746;--ink:#143047;--muted:#4d6578;--teal:#087e88;--gold:#dcad48;--line:#ccdce7;--light:#f4f8fb;--red:#96343b;--green:#176552;color-scheme:light;font-family:"Noto Sans",Arial,sans-serif;color:var(--ink);font-size:18px}*{box-sizing:border-box}body{margin:0;background:var(--light)}[lang=ar]{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}button,select,a{ -webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{min-height:46px;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:.58rem .88rem;background:white;color:var(--navy);font-weight:650}button:hover{background:#e6f3f5}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0b849c;outline-offset:4px}a{color:var(--teal)}a:hover{text-decoration-thickness:2px}p{line-height:1.75}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(1.7rem,3.4vw,2.55rem);line-height:1.22;margin:.65rem 0 1rem;color:var(--navy)}h2{font-size:1.3rem;line-height:1.5}.skip{position:absolute;top:-150px;left:1rem;background:white;padding:1rem;z-index:99}.skip:focus{top:10px}.topbar{display:flex;align-items:center;gap:1.25rem;padding:1rem 2rem;background:var(--navy);color:white;border-top:6px solid var(--gold)}.brand{color:white;text-decoration:none;font-weight:850;font-size:1.55rem;white-space:nowrap}.brand span{display:inline-block;margin-inline-start:.55rem;padding:.2rem .4rem;background:var(--gold);color:var(--navy);border-radius:6px;font-size:.8rem}.course{display:flex;flex:1;flex-direction:column;gap:.4rem}.course small{letter-spacing:.06em;font-size:.68rem;opacity:.9}.course strong{font-size:1.05rem}.language{display:flex;gap:.35rem}.language button{font-size:.85rem}.language .selected{background:var(--gold);border-color:var(--gold)}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1680px;margin:0 auto}.sidebar{background:white;border-inline-end:1px solid var(--line);padding:1.25rem;position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto}.sidebar label{display:block;font-size:.83rem;font-weight:bold;margin-bottom:.55rem}.sidebar select{width:100%;font-size:.81rem;min-height:48px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:white;padding:.5rem}.progresshead{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;margin-top:1.2rem}progress{width:100%;height:10px;accent-color:var(--teal);margin:.55rem 0 1rem}#screenNav{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}#screenNav button{font-size:.79rem;padding:.25rem;min-height:42px;border-radius:7px}#screenNav .current{background:var(--navy);color:white}#screenNav .reviewed:not(.current){background:#e2f4ec;border-color:#70ae9c;color:#164d41}.sidebarActions{display:flex;flex-direction:column;gap:.6rem;margin-top:1.3rem}.sidebarActions a{font-size:.8rem;padding:.6rem;text-align:center;line-height:1.5}.small{font-size:.72rem;color:var(--muted);line-height:1.6}.subtle{border-color:transparent;background:transparent;font-size:.76rem}main{background:white;padding:1.7rem 2.2rem 1rem;min-width:0}.eyebrow{display:flex;justify-content:space-between;gap:1rem;color:var(--teal);font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.025em}.lead{font-size:1.13rem;color:var(--muted);margin:0 0 1.5rem}.learningGrid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:1.2rem;align-items:center}.learningGrid ol{list-style:none;counter-reset:point;padding:0;margin:0;display:grid;gap:.72rem}.learningGrid li{counter-increment:point;display:grid;grid-template-columns:34px minmax(0,1fr);gap:.7rem;align-items:start;padding:.85rem;background:var(--light);border:1px solid var(--line);border-radius:13px;line-height:1.6;font-size:1rem}.learningGrid li:before{content:counter(point);background:var(--teal);color:white;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:.8rem;font-weight:bold;margin-top:.12rem}figure{margin:0;min-width:0}.figureButton{display:block;width:100%;padding:0;border:0;background:white;line-height:0}.figureButton:hover{background:white}.figureButton img{width:100%;height:auto;display:block;border-radius:14px}.figureButton:focus-visible{outline-offset:1px}figcaption{font-size:.72rem;line-height:1.6;color:var(--muted);margin-top:.6rem}.takeaway{background:var(--navy);color:white;border-inline-start:6px solid var(--gold);border-radius:12px;padding:1rem 1.1rem;font-weight:700;line-height:1.6;margin:1.5rem 0}.audioPanel{border:1px solid var(--line);background:var(--light);padding:1rem;border-radius:14px;margin:1.2rem 0}.audioHeading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.45rem;margin-bottom:.65rem}.audioHeading strong{font-size:.9rem}audio{width:100%;max-width:100%;height:48px;display:block}.audioOptions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:.6rem 0;font-size:.77rem}.audioOptions button{font-size:.76rem;min-height:44px}.audioOptions label{display:flex;align-items:center;gap:.5rem}.audioOptions select{font-size:.85rem;min-height:44px;background:white;border:1px solid var(--line);border-radius:6px}.audioOptions input{width:22px;height:22px;accent-color:var(--teal)}.captions{background:var(--navy);color:white;padding:.8rem 1rem;min-height:3.7rem;border-radius:9px;font-size:1rem;line-height:1.6;text-align:center;margin:.8rem 0}.audioPanel details{font-size:.85rem}.audioPanel details p{line-height:1.8;margin:.7rem .1rem}.explanation{margin:1.6rem 0;max-width:100%}.explanation>h2{margin-bottom:.8rem}.explanation p{font-size:1.03rem}#interactionPrompt{color:var(--teal);font-weight:650}#revealAnswer{margin:.4rem 0}#playFeedback{font-size:.82rem}details.sources{border-block:1px solid var(--line);padding:1rem 0;font-size:.84rem}summary{cursor:pointer;min-height:32px;line-height:1.5;font-weight:650}.sourceItem{margin:.9rem 0;line-height:1.55}.sourceItem small{display:block;color:var(--muted)}.primary{background:var(--teal);border-color:var(--teal);color:white}.primary:hover{background:#086570}.screenActions{display:flex;justify-content:space-between;gap:.8rem;margin:1.55rem 0;flex-wrap:wrap}.completion{padding:.8rem;border-radius:10px;background:#e7f3ed;color:#164d41;line-height:1.6;font-size:.9rem}.completion:empty{display:none}footer{border-top:1px solid var(--line);margin-top:1.7rem;padding-top:.5rem}footer p{color:var(--muted);font-size:.7rem;line-height:1.65}dialog{border:1px solid var(--line);border-radius:16px;padding:1.3rem;max-width:min(1100px,94vw);max-height:94vh;overflow:auto;color:var(--ink);width:100%}dialog::backdrop{background:#082746be}.dialogTop{display:flex;justify-content:space-between;gap:1rem;align-items:center;position:sticky;top:-1.3rem;background:white;padding:.6rem 0 1rem;z-index:2;border-bottom:1px solid var(--line)}.dialogTop h2{margin:0}.dialogTop>div{display:flex;gap:.4rem}.dialogTop button{font-size:.82rem}#largeImage{width:100%;height:auto;display:block;margin-top:1rem}#largeImageAlt{font-size:.84rem;color:var(--muted)}.quizInfo{background:var(--light);padding:1rem;border-radius:10px;margin:1rem 0;line-height:1.7}.question{margin:1.2rem 0;padding:1rem;border:1px solid var(--line);border-radius:12px;min-width:0}.question legend{font-weight:750;font-size:1rem;padding:.2rem .45rem;line-height:1.6}.qflag{display:inline-block;padding:.2rem .6rem;font-size:.75rem;color:#75363d;background:#ffedf0;border-radius:6px;margin-bottom:.6rem}.option{display:flex;align-items:start;gap:.7rem;padding:.75rem;border:1px solid var(--line);border-radius:9px;margin:.55rem 0;line-height:1.65;cursor:pointer;font-size:.96rem}.option input{width:23px;height:23px;margin-top:.25rem;flex-shrink:0;accent-color:var(--teal)}.option:has(input:checked){background:#e2f3f4;border-color:var(--teal)}.option.correct{border-color:var(--green);background:#e9f6ef}.option.wrong{border-color:var(--red);background:#fcedee}.feedback{padding:.8rem;background:#eef5f9;line-height:1.7;border-radius:8px;margin-top:.7rem}.feedback strong{display:block}.qAudio{font-size:.75rem;min-height:44px}.quizControls{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.error{color:var(--red);font-weight:700}.result{padding:1rem;border:2px solid var(--teal);border-radius:12px;margin:1rem 0;line-height:1.65}.result.fail{border-color:var(--red)}[hidden]{display:none!important}
@media(min-width:1450px){main{padding-inline:3rem}.learningGrid{gap:1.7rem}.learningGrid li{font-size:1.05rem}}
@media(max-width:1050px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:1rem}.learningGrid{grid-template-columns:1fr}.learningGrid figure{grid-row:1}main{padding:1.4rem}#screenNav{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){:root{font-size:17px}.topbar{padding:.9rem;gap:.8rem;flex-wrap:wrap}.brand{font-size:1.3rem}.course{min-width:190px}.course small{font-size:.61rem}.course strong{font-size:.86rem}.language{width:100%;justify-content:flex-end}.language button{min-height:44px}.shell{display:block}.sidebar{position:static;max-height:none;padding:.8rem 1rem;border-bottom:1px solid var(--line);border-inline-end:0}#screenNav{display:none}.sidebar label{font-size:.78rem}.sidebar select{font-size:.83rem}.progresshead{margin-top:.75rem}progress{margin:.4rem 0}.sidebarActions{display:grid;grid-template-columns:1fr 1fr;margin-top:.45rem;gap:.4rem}.sidebarActions button,.sidebarActions a{font-size:.76rem}.sidebarActions #resetProgress{display:none}#localNotice{margin:.5rem 0 0;font-size:.65rem}main{padding:1.15rem 1rem}.eyebrow{font-size:.7rem;line-height:1.5}.lead{font-size:1.05rem}.learningGrid li{font-size:1rem;padding:.9rem}.screenActions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.screenActions #markReviewed{grid-column:1/-1;grid-row:2}dialog{padding:.8rem;max-width:96vw}.dialogTop{top:-.8rem;gap:.5rem;flex-wrap:wrap}.question{padding:.65rem}.question legend{font-size:.95rem}.option{padding:.7rem;font-size:.93rem}.audioHeading{display:block}.audioHeading .small{display:block;margin-top:.3rem}.captions{font-size:.95rem}.takeaway{padding:.85rem}.audioOptions{gap:.6rem}}
@media print{.topbar,.sidebar,.screenActions,.audioPanel,button,dialog{display:none!important}.shell{display:block}main{padding:0}body{background:white}.learningGrid{display:block}figure{break-inside:avoid}}

.activityChoices{display:grid;gap:.6rem;margin:.75rem 0}.activityChoices button{padding:.8rem;text-align:start;border:2px solid #ccdce7;border-radius:.6rem;background:#fff;color:#143047;min-height:48px;font:inherit}.activityChoices button[aria-pressed="true"]{border-color:#087e88;background:#e4f3f2}.quizOption{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem;border:1px solid #ccdce7;border-radius:.45rem;margin:.5rem 0;min-height:48px;cursor:pointer}.quizOption input{margin-top:.3rem;min-width:21px;min-height:21px}fieldset{min-width:0;border:1px solid #ccdce7;border-radius:.6rem;padding:1rem;margin:1rem 0}legend{font-weight:bold;padding:0 .35rem;max-width:100%}.quizTools{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.quizResult{padding:1rem;background:#e4f3f2;border:2px solid #087e88;border-radius:.6rem;margin:1rem 0}.reviewFeedback{padding:.8rem;background:#f4f8fb}.quizSmall{font-size:.9rem;color:#4d6578}#quizDialog{max-width:1000px;width:94vw;max-height:94vh;padding:1.3rem}#quizDialog::backdrop{background:rgba(8,39,70,.6)}#quizContent{overflow-wrap:anywhere}#openFinal{background:#082746;color:#fff}#activityOptions:empty{display:none}#visualDescription{font-size:1rem;line-height:1.7}.statusError{color:#ae343b;font-weight:bold}#localNotice{line-height:1.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #087e88;outline-offset:3px}@media(max-width:680px){#quizDialog{padding:.8rem}fieldset{padding:.7rem}.quizOption{font-size:1rem}.activityChoices button{font-size:1rem}}