:root{--ink:#122d2b;--ink2:#1d403b;--paper:#f5f3eb;--white:#fffef8;--muted:#52635d;--line:#c9d1c6;--lime:#d4ee7e;--mint:#b5d9bc;--warn:#84511f;--max:1240px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:.22em}a:hover{color:#426347}button,input,select{font:inherit}button,.button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #9c5b22;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.skip{position:absolute;left:1rem;top:-5rem;background:var(--lime);padding:.5rem;z-index:20}.skip:focus{top:0}.wrap{max-width:var(--max);margin:auto;padding-inline:38px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:-.6px;font-weight:700;text-decoration:none}.brand svg{width:31px;height:36px}.brand span{font-weight:400;color:var(--muted)}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none;white-space:nowrap}nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}.edition{display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:1.8px;padding:16px 0}.hero{background:var(--ink);color:var(--paper);padding:58px 50px 26px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin:0 0 22px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5vw,74px);line-height:1.06;font-weight:400;letter-spacing:-3px;margin:0 0 26px}.hero h1 em{font-weight:400;color:var(--lime)}.hero .lede{color:#d1dbcd;max-width:460px;font-size:17px;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--ink);color:var(--paper);padding:12px 19px;border:1px solid var(--ink);text-decoration:none;font-size:14px;font-weight:700;border-radius:1px;min-height:46px}.button:hover{background:var(--ink2);color:var(--paper)}.hero .button{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.secondary{background:transparent;color:inherit;border-color:currentColor}.small{font-size:13px}.muted{color:var(--muted)}.hero .small{color:#cad9c4}.hero-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #547069;margin-top:35px;padding-top:20px;font-size:12px;color:#c4d4c5}.diagram{position:relative;background-image:radial-gradient(#567367 1px,transparent 1px);background-size:22px 22px;min-height:355px;padding:20px 10px}.diagram svg{width:100%;height:auto;display:block}.diagram figcaption{font-size:11px;text-align:center;color:#b5c9be;letter-spacing:.5px}.section{padding-block:64px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:25px}.section-head h2,.page-head h1{font:400 42px/1.14 Georgia,serif;letter-spacing:-1.3px;margin:0}.section-head a{font-size:14px}.intro{max-width:750px;color:var(--muted);font-size:19px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lesson-card{padding:28px 24px 28px 0;position:relative}.lesson-card+.lesson-card{border-left:1px solid var(--line);padding-left:24px}.lesson-card .no{font:italic 42px Georgia;color:#769479}.lesson-card h3{font:400 27px/1.2 Georgia;margin:16px 0}.lesson-card p{font-size:15px;color:var(--muted);margin:0 0 25px}.lesson-card a{text-decoration:none}.lesson-card a:after{content:'↗';float:right;font:22px Arial}.lab-teaser{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#e6eadc;padding:38px}.lab-teaser h2{font:400 43px/1.13 Georgia;letter-spacing:-1.2px;margin:0 0 20px}.chain-small{display:flex;gap:12px;align-items:center;justify-content:center}.chain-small div{padding:22px 12px;border:1px solid var(--ink);flex:1;text-align:center;background:var(--paper)}.chain-small span{display:block;font:11px monospace;overflow-wrap:anywhere}.observatory{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:40px}.observatory h2{font:400 38px Georgia;margin:0 0 20px}.status{display:inline-flex;gap:8px;align-items:center;background:#e7e9de;border:1px solid #bac6b0;padding:5px 10px;font-size:12px}.status:before{content:'';width:7px;height:7px;border-radius:50%;background:#78835d}.status.missing{background:#f0e6d7;border-color:#d9c6a8;color:#654624}.signal-note{padding:24px;border-left:3px solid #b69261;background:#efebdf}.signal-note h3{font:400 26px Georgia;margin:12px 0}.page-head{padding:58px 0 35px;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(38px,5vw,60px);max-width:900px}.page-head .eyebrow{margin-bottom:16px}.reading-layout{display:grid;grid-template-columns:210px minmax(0,730px);gap:65px;padding:45px 0 64px}.reading-aside{font-size:13px}.reading-aside p{margin:0 0 20px}.article{max-width:730px}.article h2{font:400 30px/1.25 Georgia;letter-spacing:-.5px;margin:40px 0 16px}.article h2:first-child{margin-top:0}.article p{margin:0 0 20px}.article .lead{font-size:21px}.callout{border-left:3px solid #82956c;background:#e9edde;padding:22px;margin:32px 0}.callout h3{margin:0 0 10px;font-size:15px}.callout p{margin:0}.quiz{border-top:1px solid var(--line);padding-top:22px;margin-top:32px}fieldset{border:0;padding:0;margin:0 0 28px}legend{font-weight:700;margin-bottom:10px}.option{display:flex;gap:12px;padding:10px 12px;border:1px solid var(--line);margin:8px 0;background:var(--white);align-items:center;cursor:pointer}.option input{accent-color:var(--ink);width:17px;height:17px}.feedback{background:#e2e8d5;padding:12px;margin-top:12px}.quiz button{margin-top:8px}.source-list{padding-left:18px}.source-list li{margin:12px 0}.resource{padding:28px 0;border-bottom:1px solid var(--line)}.resource h2{font:400 28px Georgia}.resource p{max-width:780px;margin:12px 0}.resource .small{color:var(--muted)}.lab{background:var(--ink);color:var(--paper);padding:35px;margin:30px 0}.lab h2{font:400 34px Georgia;margin:0 0 12px}.lab label{display:block;font-size:14px;margin:12px 0 5px}.lab input,.lab select{width:100%;background:#eef0e7;color:var(--ink);border:1px solid #a0b4a0;padding:11px}.lab .button{border-color:var(--lime);color:var(--ink);background:var(--lime)}.lab .button.secondary{color:var(--paper);background:transparent;border-color:#b2c6b6}.prediction{padding:16px 0}.prediction button{background:transparent;border:1px solid #9bafa0;color:var(--paper);padding:10px;margin:5px 6px 5px 0;min-height:44px}.prediction button[aria-pressed=true]{background:var(--lime);color:var(--ink)}.blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.block{border:1px solid #9aae9e;padding:18px;min-width:0}.block h3{margin:0 0 18px;font-size:16px}.block p{margin:10px 0;font-size:12px}.block code{display:block;overflow-wrap:anywhere;color:var(--lime);font-size:11px;line-height:1.55}.block.invalid{border-color:#f0ab87;background:#3b3730}.block.invalid .validity{color:#ffc49e}.validity{font-weight:700;color:var(--lime)}.live-output{min-height:4.7em;background:#24453e;padding:14px;font-size:14px;margin:18px 0}.lab-help{font-size:13px;color:#d4dfd0}.lab details{margin-top:20px}.progress-line{display:flex;gap:20px;align-items:center;font-size:13px;margin-top:26px}.plain-btn{background:none;border:0;text-decoration:underline;color:inherit;cursor:pointer;padding:8px}.prose{max-width:800px;padding-block:40px 60px}.prose h2{font:400 28px Georgia;margin-top:32px}.glossary{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.glossary div{border-top:1px solid var(--line);padding-top:20px}.glossary dt{font:400 24px Georgia}.glossary dd{margin:8px 0;font-size:15px}.footer{border-top:1px solid var(--line);padding:32px 0 45px;font-size:13px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:baseline}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.disclaimer{max-width:850px;font-size:12px;color:var(--muted);margin-top:28px}.bread{font-size:12px;margin-bottom:20px}.next{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}.feed-row{padding:24px 0;border-top:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}details{padding:15px 0}summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}video{width:100%;height:auto;background:var(--ink)}
@media(max-width:900px){.wrap{padding-inline:25px}.hero{padding:40px 30px 24px}.hero-grid{gap:5px;grid-template-columns:1fr 1fr}.hero h1{font-size:50px}.diagram{padding:5px;min-height:270px}.reading-layout{grid-template-columns:150px minmax(0,1fr);gap:30px}.lab-teaser{gap:25px}.blocks{gap:9px}.block{padding:12px}nav{gap:18px}.brand{font-size:17px}}
@media(max-width:620px){body{font-size:16px}.wrap{padding-inline:18px}.topbar{align-items:flex-start;flex-direction:column;gap:18px;padding:18px 0}nav{width:100%;justify-content:space-between;gap:9px;font-size:12px}.brand{font-size:20px}.edition{font-size:9px;letter-spacing:1px}.hero{padding:30px 23px 20px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:49px;letter-spacing:-2px}.hero .lede{font-size:16px}.diagram{margin:10px 0;min-height:0;max-width:450px}.hero-bottom{font-size:10px;margin-top:10px}.hero-bottom span:last-child{max-width:130px}.section{padding-block:38px}.section-head{align-items:flex-start}.section-head h2{font-size:31px}.section-head a{font-size:12px}.lesson-grid{grid-template-columns:1fr}.lesson-card+.lesson-card{border-left:0;border-top:1px solid var(--line);padding-left:0}.lesson-card{padding:22px 0}.lesson-card .no{font-size:29px}.lesson-card h3{margin-top:8px}.lesson-card p{margin-bottom:14px}.lab-teaser{grid-template-columns:1fr;padding:25px;gap:25px}.lab-teaser h2{font-size:34px}.chain-small{gap:8px}.chain-small div{padding:15px 8px}.observatory{grid-template-columns:1fr;gap:20px}.observatory h2{font-size:32px}.page-head{padding:35px 0 25px}.page-head h1{font-size:39px}.reading-layout{display:block;padding-top:25px}.reading-aside{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:30px}.reading-aside p{margin-bottom:9px}.article h2{font-size:27px}.article .lead{font-size:20px}.lab{margin-inline:-2px;padding:22px 17px}.lab h2{font-size:29px}.blocks{grid-template-columns:1fr;gap:12px}.block{padding:17px}.block code{font-size:12px}.footer-top{display:block}.footer-links{margin-top:20px;gap:14px}.glossary{grid-template-columns:1fr}.intro{font-size:17px}.actions{gap:10px}.button{font-size:13px;padding:12px 14px}.hero .actions{flex-direction:column}.hero .actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.diagram{margin:0}
.lab select{display:block;width:min(100%,560px);padding:14px;background:var(--paper);color:var(--ink);font:inherit;border:1px solid var(--line);margin:8px 0 18px}.lab input[type=number]{max-width:400px}.lab input[type=checkbox]{width:24px;height:24px;accent-color:var(--lime)}.lab .option{color:var(--paper)}.lab table{color:var(--paper)}.lab table caption{color:var(--lime)}.lab .table-wrap{background:transparent}.lab [data-chart]{max-width:900px}.lab [data-chart] svg{display:block;width:100%;overflow:visible}.lab circle:focus{outline:3px solid var(--paper);stroke:var(--paper);stroke-width:3}.mechanism{display:flex;gap:10px;margin:25px 0}.mechanism>div{border:1px solid var(--line);padding:15px;flex:1}.concept-flow{margin:32px 0;padding:24px;background:#e8ece0;border-left:3px solid #527b62}.concept-flow ol{display:flex;list-style:none;gap:14px;padding:0;margin:0}.concept-flow li{flex:1;border:1px solid #a0b399;padding:12px;font-size:15px;line-height:1.4}.concept-flow figcaption{margin-top:14px;font-size:14px;color:#3a5745}.lab-index{margin-bottom:32px}.film{margin:35px 0}.film video{display:block;width:100%;border-radius:4px;background:#122d2b}.film figcaption{font-size:15px;line-height:1.6;margin-top:15px}@media(max-width:620px){.concept-flow ol,.mechanism{flex-direction:column}.lab{padding:24px 16px}.lab button{margin:4px 0}.lab th,.lab td{padding:9px 7px;font-size:13px}.lab [data-chart-detail]{font-size:14px}}nav a{min-height:44px;display:inline-flex;align-items:center}
