:root{--ink:#183c37;--muted:#59706a;--line:#dce5df;--accent:#00776d}
html{scroll-padding-top:28px}body{color:var(--ink);background:radial-gradient(ellipse at 85% 0%,#e7eee5 0,transparent 32%),#f7f8f4;font-family:Segoe UI,Arial,sans-serif;line-height:1.65}
header{max-width:none;padding:23px max(24px,calc((100vw - 1180px)/2));background:transparent;border-bottom:1px solid var(--line);gap:24px}header nav{gap:18px;flex-wrap:wrap}header nav a{font-size:13px;font-weight:600}main{max-width:1180px;padding:0 24px}h1,h2{font-family:Georgia,serif;letter-spacing:-.035em}h1{font-size:clamp(46px,5.6vw,76px);line-height:1.08;font-weight:500;margin:15px 0 24px}h1 em{color:#008276;font-weight:500}h2{font-size:clamp(29px,3vw,40px);line-height:1.18;font-weight:500}h3{line-height:1.35}.hero{padding:64px 0 46px;gap:60px;align-items:center}.hero .intro{font-size:17px;max-width:620px}.hero-card{background:#eaf0e7;border:1px solid #d4e1d4;box-shadow:none;border-radius:22px;padding:32px}.hero-card .bigformula{font-size:34px}.hero-card .katex-display{text-align:center}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#46756a}.button,button{border-radius:8px}.button{padding:12px 18px}
#reading-path{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 58px}#reading-path a{display:grid;gap:6px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px;text-decoration:none;color:var(--ink)}#reading-path a:hover{border-color:var(--accent);background:#f0f7f1}#reading-path span{font-size:10px;letter-spacing:.12em;color:var(--accent);font-weight:700}#reading-path strong{font-size:17px}#reading-path small{color:var(--muted);line-height:1.5}
main>section:not(.hero){margin:0 0 64px;padding-top:20px;border-top:1px solid var(--line)}.section-heading{margin-bottom:16px}.section-heading h2{margin-top:6px}.moment-jumps{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.moment-jumps a{background:#eef3ec;border:1px solid #dce5dc;border-radius:6px;padding:7px 10px;font-size:12px;text-decoration:none}.lesson-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0}.lesson-tools button{background:white;color:var(--ink);border:1px solid var(--line);font-size:12px;padding:8px 12px}.lesson-tools span{margin-left:auto;font-size:12px;color:var(--muted)}
.learning-step,.case-study,.reference-block,.notation-key{background:#fff;border:1px solid var(--line);border-radius:13px;margin:12px 0;overflow:hidden;min-width:0}.learning-step>summary,.case-study>summary,.reference-block>summary,.notation-key>summary{list-style:none;cursor:pointer;padding:20px 54px 20px 24px;position:relative;font-weight:600;line-height:1.4}.learning-step>summary::-webkit-details-marker,.case-study>summary::-webkit-details-marker,.reference-block>summary::-webkit-details-marker,.notation-key>summary::-webkit-details-marker{display:none}.learning-step>summary:after,.case-study>summary:after,.reference-block>summary:after,.notation-key>summary:after{content:'+';position:absolute;right:23px;top:22px;color:var(--accent);font-size:22px;font-weight:400}.learning-step[open]>summary:after,.case-study[open]>summary:after,.reference-block[open]>summary:after,.notation-key[open]>summary:after{content:'−'}.learning-step>summary .eyebrow{margin:0 0 7px;font-size:10px}.step-title{display:block;font-size:19px;font-weight:600}.learning-step[open]>summary,.case-study[open]>summary,.reference-block[open]>summary{border-bottom:1px solid var(--line);background:#f7faf6}.step-body,.case-body{padding:6px 26px 26px}.reference-block>section{padding:10px 26px 26px;margin:0;border:0}.notation-key{background:#eef3ec}.notation-key>summary{padding-top:14px;padding-bottom:14px;font-size:13px}.notation-key>summary:after{top:12px}.notation-key .table-wrap{margin:0 20px 20px}.step-body p,.case-body p{max-width:960px}
.equation{background:#f2f6f0;border:0;border-left:3px solid #8cae9b;border-radius:0 8px 8px 0;padding:18px 22px;margin:20px 0;overflow-x:auto;max-width:100%;font-size:16px;line-height:1.7}.katex-display{margin:.3em 0;text-align:left}.katex-display>.katex{white-space:nowrap}.equation .katex{font-size:1.13em}.katex .base{white-space:nowrap}.moment-example,.card{box-shadow:none;border-color:var(--line);border-radius:10px}.moment-figure{margin:24px 0}.moment-figure figcaption,figcaption{font-size:12px;line-height:1.6;color:var(--muted);padding:10px 0}.moment-science-plot{display:block;width:100%;min-width:600px;height:auto;background:white}.diagram-scroll,.table-wrap{max-width:100%;overflow-x:auto}.table-wrap{border:1px solid var(--line);border-radius:8px;margin:18px 0}table{font-variant-numeric:tabular-nums;font-size:13px}th{background:#eef3ed}td small{display:block;color:var(--muted)}.case-study summary small{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:400}.case-study>div:not(.case-body){padding:0 24px 24px}.workspace{align-items:start}.workspace form{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:none}input,select{background:#fff;border:1px solid #cbd9d1;border-radius:6px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e3a831;outline-offset:4px}#moment-walkthrough p,#moment-walkthrough li,#unequal-examples p,#moment-ten-nodes p{overflow-wrap:anywhere}main>*,.step-body>*,.case-body>*{min-width:0}#sources{font-size:14px}
@media(max-width:760px){header{padding:18px 20px;align-items:start}header nav{gap:10px 15px}.brand{font-size:18px}main{padding:0 18px}.hero{padding:35px 0 28px;gap:24px}.hero-card{padding:23px}#reading-path{grid-template-columns:1fr;gap:8px;margin-bottom:32px}#reading-path a{padding:15px 18px}#reading-path small{font-size:12px}main>section:not(.hero){margin-bottom:40px}.learning-step>summary,.case-study>summary,.reference-block>summary{padding:18px 45px 18px 17px}.step-title{font-size:17px}.step-body,.case-body{padding:4px 16px 20px}.reference-block>section{padding:8px 16px 20px}.lesson-tools span{width:100%;margin:5px 0}.equation{padding:14px 12px;font-size:14px}.moment-jumps a{font-size:11px}.case-study>div:not(.case-body){padding:0 16px 20px}}
.hero-card{color:var(--ink)}.hero-card>span,.hero-card p{color:#43685e}.hero-card .mini-chain b{color:var(--ink)}.hero-card .mini-chain i{color:#46756a;border-color:#94b59b}.hero-card .bigformula{font-style:normal}.katex-display>.katex{text-align:left}.hero-card .katex-display>.katex{text-align:center}.katex-mathml{overflow:hidden!important}
#moment-ten-nodes li,#unequal-examples li{overflow-wrap:anywhere}.two-columns>*,.layer-formulas>*,.workspace>*{min-width:0}.case-kicker{display:block;font-size:10px;letter-spacing:.13em;color:var(--accent);margin-bottom:6px}.case-study>summary strong{font-size:18px}.case-study>summary .case-kicker{font-weight:700}
.case-body button{margin:0 8px 8px 0}.equation:focus-visible,.diagram-scroll:focus-visible,.table-wrap:focus-visible{outline:3px solid #e3a831;outline-offset:3px}