:root{--green:#123e32;--mint:#e7f1e8;--gold:#aa7a25;--ink:#203c34;--muted:#596d63}*{box-sizing:border-box}body{margin:0;background:#f7f8f2;color:var(--ink);font:16px/1.7 system-ui,sans-serif}header{padding:23px 5%;background:white;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce4da}a{color:var(--green)}.brand{text-decoration:none;font-weight:850;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px}header>span,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}.hero{padding:65px 7%;display:grid;grid-template-columns:1.7fr 1fr;gap:70px;background:linear-gradient(120deg,#e5eee2,#faf9ee)}h1{font:clamp(38px,5vw,65px)/1.12 Georgia,serif;letter-spacing:-2px;margin:20px 0}h1 em{color:var(--gold);font-weight:400}.hero p{max-width:650px}.hero-card{background:var(--green);color:white;padding:34px;border-radius:24px;box-shadow:14px 14px 0 #d9c89d}.hero-card strong{display:block;font:90px Georgia}.hero-card span{font-size:11px;letter-spacing:2px}.button,button{display:inline-block;background:var(--green);color:white;border:0;padding:12px 19px;border-radius:9px;font:inherit;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#24614a}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bc8b32;outline-offset:3px}main{max-width:1400px;margin:auto;padding:45px 5%;display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px}aside{align-self:start;position:sticky;top:15px}nav button{width:100%;text-align:left;background:transparent;color:var(--ink);font-size:13px;margin:3px 0;padding:10px}nav button[aria-current=true]{background:var(--green);color:white}nav button:hover{background:#dbe8d8;color:var(--green)}progress{width:100%;accent-color:var(--green)}article{background:white;border:1px solid #e0e6dc;border-radius:20px;padding:35px;min-width:0}h2{font:34px/1.2 Georgia;margin:10px 0 20px}h3{font-size:18px;margin-top:26px}.goal{border-left:4px solid var(--gold);padding:10px 18px;background:#faf6eb}.example,.lab,.quiz{padding:23px;border-radius:14px;margin:24px 0;background:#f0f5ed}.example{background:#fcf6e9}.muted,small{color:var(--muted);font-size:13px}.hero-card small{color:#cdded4}.quiz button{display:block;text-align:left;width:100%;margin:8px 0;background:white;color:var(--ink);border:1px solid #bbcec0}.quiz button:hover{background:#dcebdd}label{display:block;margin:12px 0}input[type=range]{width:100%;accent-color:var(--green)}output{display:block;font-size:25px;font-weight:800}textarea{width:100%;min-height:115px;border:1px solid #b9c9bd;border-radius:8px;padding:12px;font:inherit}svg{width:100%;height:auto}.actions{display:flex;gap:10px;flex-wrap:wrap}.flow{display:flex;gap:10px;flex-wrap:wrap}.flow span{flex:1;min-width:110px;padding:16px;background:white;border-bottom:4px solid var(--gold);border-radius:9px}footer{padding:35px 7%;background:#e9efe5}footer a{font-size:13px}#feedback{min-height:35px}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){header>span{display:none}.hero{grid-template-columns:1fr;padding:35px 6%;gap:25px}.hero-card{display:none}main{grid-template-columns:1fr;padding:25px 5%;gap:20px}aside{position:static}nav{display:flex;overflow:auto}nav button{min-width:170px}article{padding:22px}h2{font-size:28px}}
.visual-story{margin:25px 0;padding:25px;background:linear-gradient(140deg,#f1f6ee,#faf7e9);border-radius:18px;border:1px solid #dce5d6}.visual-story h3{font:28px/1.25 Georgia;margin:8px 0 18px}.concept-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.concept-cards>div{background:#fff;padding:16px;border-radius:12px}.concept-cards span{color:#96701e;font-size:12px;font-weight:800}.concept-cards h4{margin:6px 0;font-size:15px}.concept-cards p{font-size:13px;margin:0}.deep-dive{padding:16px 20px;border:1px solid #dbe3d7;border-radius:12px}.deep-dive summary{cursor:pointer;font-weight:750}.exposure-visual{display:flex;align-items:end;justify-content:space-around;gap:20px;padding:20px}.exposure-visual>div{text-align:center;flex:1}.exposure-bar{background:linear-gradient(#428269,#123e32);border-radius:15px 15px 0 0;color:#fff;display:grid;place-items:center;font:30px Georgia;margin-bottom:12px}.exposure-visual small{display:block}.visual-caption{font-size:12px}.number-story{display:flex;align-items:center;gap:15px;margin:30px 0}.number-story>div{flex:1;background:white;border-radius:15px;padding:20px}.number-story strong{display:block;font:38px Georgia;color:#1c6044}.flow-line{animation:travel 3s linear infinite}@keyframes travel{to{stroke-dashoffset:-48}}@media(prefers-reduced-motion:reduce){.flow-line{animation:none}}@media(max-width:600px){.concept-cards{grid-template-columns:1fr}.number-story{flex-wrap:wrap}.number-story strong{font-size:28px}.visual-story{padding:15px}.exposure-visual{gap:10px;padding:10px}}
.session-line{display:flex;justify-content:space-between;padding:18px;margin:20px 0;background:linear-gradient(90deg,#dceada 37.5%,#eed49c 37.5%,#eed49c 62.5%,#dceada 62.5%);border-radius:9px;font-size:11px}.hero a+a{margin-left:8px}
@media(min-width:761px){#lessons{max-height:60vh;overflow-y:auto;padding-right:5px;scrollbar-width:thin}}