@import url('/observatory/fonts.css');
:root{color-scheme:dark;--ink:#edf0dd;--muted:#b5bdb1;--bg:#101b23;--panel:#172832;--line:#3b5057;--accent:#d2f089;--serif:Georgia,'Times New Roman',serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,sans-serif;line-height:1.65}body[data-topic=sun]{--bg:#281b18;--panel:#382820;--line:#735346;--accent:#ffca69}body[data-topic=pacific]{--bg:#082a30;--panel:#10393f;--line:#36636b;--accent:#9fe4cc}body[data-topic=air]{--bg:#182d36;--panel:#263e47;--line:#506d76;--accent:#c6e3f3}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button,input{font:inherit}button,.button{background:var(--accent);color:var(--bg);border:1px solid var(--accent);padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:700}button:hover{filter:brightness(1.12)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:12px;top:-100px;background:var(--ink);color:var(--bg);padding:8px;z-index:5}.skip:focus{top:10px}header{border-bottom:1px solid var(--line);padding:18px 4vw;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header>a{font:700 16px var(--mono);text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:8px}nav a{font:12px var(--mono);padding:6px 12px;border:1px solid transparent;text-decoration:none}nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}main{max-width:1280px;margin:auto;padding:0 4vw 70px}.eyebrow,.label,.chapter-number{font:11px/1.6 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5vw;min-height:550px;padding:60px 0 35px}.hero h1{font:normal clamp(64px,8vw,120px)/.95 var(--serif);letter-spacing:-.045em;margin:22px 0}.hero .dek{font:22px/1.5 var(--serif);max-width:590px}.hero .stamp{font:11px/1.7 var(--mono);color:var(--muted);margin-top:28px}.instrument{height:390px;position:relative;display:grid;place-items:center;border:1px solid var(--line);overflow:hidden;background:radial-gradient(ellipse at center,#ffffff08,transparent 70%)}.instrument svg{width:90%;height:90%}.instrument .label{position:absolute;left:20px;bottom:12px;color:var(--muted);letter-spacing:.08em}.toc{display:flex;gap:22px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:12px var(--mono)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:45px 0 20px}.section-head h2{font:normal 37px/1.1 var(--serif);margin:0}.section-head p{margin:0;color:var(--muted);font:12px var(--mono)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.metric{background:var(--panel);padding:25px;min-height:175px}.metric h3{font:12px var(--mono);margin:0;color:var(--muted)}.metric .value{font:normal 38px/1.2 var(--serif);margin:15px 0 8px;overflow-wrap:anywhere}.metric .meta{font:11px/1.6 var(--mono);color:var(--muted)}.status{border-left:3px solid var(--accent);padding:12px 18px;margin-top:16px;color:var(--muted);font-size:13px}.chapters{display:grid;grid-template-columns:220px 1fr;gap:6vw;margin:55px 0}.chapters aside{font:13px/1.8 var(--mono);color:var(--muted)}.chapters article{max-width:790px}.chapter{padding:0 0 32px;border-bottom:1px solid var(--line);margin-bottom:32px}.chapter h2{font:normal 34px/1.2 var(--serif);margin:12px 0 20px}.chapter h3{font:normal 23px var(--serif)}.chapter p{font-size:16px;margin:16px 0}.chapter a,.sources a{color:var(--accent)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0}.fact{border-top:1px solid var(--accent);padding:15px 0}.fact strong{font:normal 28px var(--serif);display:block}.fact small{color:var(--muted)}.lab{background:var(--panel);border:1px solid var(--line);padding:28px;margin:22px 0}.lab h3{margin-top:0}.lab label{display:block;font:12px var(--mono);margin:15px 0 6px}.lab input{width:100%;accent-color:var(--accent)}.lab output{font:normal 32px var(--serif);display:block;margin:18px 0}.lab small{color:var(--muted)}.sources{border-top:1px solid var(--line);padding-top:28px}.sources details{border-bottom:1px solid var(--line);padding:14px 0}.sources summary{cursor:pointer;font:14px var(--mono)}.sources p{font-size:13px;overflow-wrap:anywhere}.source-table{width:100%;border-collapse:collapse;font-size:13px}.source-table th,.source-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px;vertical-align:top}.table-scroll{overflow:auto}.source-table a{overflow-wrap:anywhere}.learning{border:1px solid var(--line);padding:28px;margin:30px 0}.learning h2{font:normal 30px var(--serif)}footer{border-top:1px solid var(--line);padding:25px 4vw;font:11px/1.8 var(--mono);color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.fine{font:12px/1.7 var(--mono);color:var(--muted)}pre{overflow:auto;background:#0003;padding:20px;font:12px/1.7 var(--mono)}[hidden]{display:none!important}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0;padding-top:35px}.hero h1{font-size:76px}.instrument{height:310px}.chapters{grid-template-columns:1fr;gap:12px}.chapters aside{border-bottom:1px solid var(--line);padding-bottom:20px}.metrics{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:10px}.hero .dek{font-size:21px}}@media(max-width:450px){.metrics{grid-template-columns:1fr}.hero h1{font-size:64px}.hero{gap:25px}header{padding:16px}main{padding-left:20px;padding-right:20px}.instrument{height:260px}nav a{padding:6px 8px}.metric{min-height:145px}.toc{gap:15px}.lab{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.chapters>*{min-width:0}.chapter,.chapters aside,.fact{overflow-wrap:anywhere}.lab svg{width:100%;max-height:240px}.metric .value.date-value{font-size:26px}.facts strong{overflow-wrap:anywhere}.sources h2{font:normal 30px/1.25 var(--serif)}