:root{color-scheme:light;--ink:#183a48;--soft:#506671;--bg:#eaf1f3;--paper:#fff;--teal:#16695c;--navy:#122b3c;--gold:#d0a446;--line:#a3bac3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2{line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2rem,4.5vw,3.6rem)}h2{font-size:clamp(1.4rem,2.6vw,2rem)}p{max-width:85ch}a{color:#126274;text-underline-offset:3px}
.skip{position:absolute;top:-7rem;left:1rem;background:#fff;color:var(--ink);padding:.7rem;z-index:20}.skip:focus{top:1rem}
header{background:radial-gradient(circle at 86% 10%,#215b65,transparent 50%),var(--navy);color:white;padding:2rem max(1rem,calc((100vw - 1080px)/2)) 2.5rem}
header a{color:#b8f5e6}.top-links{display:flex;gap:.7rem;align-items:center}.lead{font-size:1.2rem;max-width:850px}
.scope{color:#443619;background:#f8edcc;border-left:5px solid var(--gold);padding:1rem;border-radius:.6rem;max-width:1020px}
.quick-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}
main{max-width:1080px;padding:1rem 1rem 3rem;margin:auto}.context,.exercise,.summary{background:var(--paper);border:1px solid var(--line);border-radius:1rem;padding:clamp(1rem,3vw,2rem);margin:1rem 0}
.exercise{scroll-margin-top:1rem}.progress-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem}
.eyebrow{font-size:.8rem;text-transform:uppercase;color:var(--teal);font-weight:900;letter-spacing:.12em}.meter{height:11px;overflow:hidden;border-radius:9px;background:#d5e4e7}
#meterFill{display:block;background:#277562;height:100%;width:0%;transition:width .25s}
.scene{margin:1.2rem 0;padding:.75rem 1rem;background:#e1f0ed;border-left:4px solid var(--teal);font-weight:800;letter-spacing:.05em}
#taskQuestion{font-size:1.12rem;max-width:900px}#choiceOptions{display:grid;gap:.6rem;margin:.85rem 0}#choiceOptions button{background:#f1f7f8;color:#193b4b;border:1px solid #7f9eac;font-weight:650;text-align:left;padding:.8rem 1rem}
#choiceOptions button[aria-pressed=true]{border-color:#155c56;background:#175b57;color:white}
label{display:block;font-weight:700;margin:.4rem 0}#numericValue{display:block;width:min(260px,100%);font:inherit;border:1px solid #7897a5;padding:.8rem;border-radius:.6rem}
button{font:inherit;font-weight:750;border-radius:.55rem;padding:.7rem 1rem;min-height:44px;background:#17665b;color:white;border:2px solid #17665b;cursor:pointer}
button.secondary{background:white;color:var(--ink);border-color:#8ba8b2}button:disabled{cursor:not-allowed;opacity:.45}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}
.feedback{padding:.8rem 1rem;border-radius:.5rem;background:#eff5f7;border-left:4px solid #617d8c;min-height:2.5rem}
.feedback[data-result=correct]{background:#e4f4e8;border-color:#277b53}.feedback[data-result=retry]{background:#fff3db;border-color:#bf842d}
.source{font-size:.9rem}.impact-plot{background:#f3f9f9;border:1px solid #9cb8bc;border-radius:.65rem;padding:.6rem;margin:1rem 0;overflow-x:auto}.impact-plot svg{min-width:480px;width:100%;height:auto}.impact-plot p{font-size:.86rem;color:var(--soft)}#recommendations{display:grid;gap:.6rem}#recommendations a{display:block;border:1px solid #a8c5bc;border-radius:.6rem;padding:.8rem;background:#ecf7f3}
.linklike{display:inline-flex;align-items:center;border-radius:.5rem;padding:.7rem 1rem;border:1px solid #6b9994;background:#edf8f5;font-weight:750;text-decoration:none}
footer{background:var(--navy);color:#d9ebec;padding:1.4rem;text-align:center}
[hidden]{display:none!important}@media(max-width:540px){.progress-header{display:block}main{padding:.6rem}header{padding:1.4rem}.actions{flex-direction:column}.actions button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#meterFill{transition:none}}