:root{color-scheme:dark;--bg:#071421;--panel:#0c1e2c;--panel2:#0f2534;--line:rgba(191,221,231,.13);--ink:#f2f6f5;--muted:#8fa6b0;--faint:#647e8a;--warm:#fa9078;--cool:#64cbe1;--mint:#88d9bc;--gold:#edca81;--violet:#c1adff;--radius:19px;font-family:Inter,"Aptos","Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 30% at 70% -5%,#14374a 0%,transparent 74%),radial-gradient(ellipse 32% 34% at 10% 28%,#09283a 0%,transparent 90%),var(--bg);color:var(--ink);min-width:320px;font-size:15px;line-height:1.55}button,select{font:inherit}button{cursor:pointer}a{color:inherit}::selection{background:#a4d8cf;color:#061321}.grain{position:fixed;z-index:20;pointer-events:none;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{width:min(1296px,calc(100% - 72px));margin:auto}.topbar{border-bottom:1px solid var(--line);background:rgba(7,20,33,.63);backdrop-filter:blur(24px);position:relative;z-index:10}.navline{height:76px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.75px;white-space:nowrap}.brand-dot{color:var(--mint)}.brand-mark{width:27px;height:27px;border:1.5px solid var(--mint);border-radius:50%;position:relative;display:inline-flex;align-items:center;justify-content:center}.brand-mark span{width:12px;height:12px;border:1px solid var(--mint);border-radius:50%;transform:rotate(-35deg) scaleX(.53)}.brand-mark i{width:4px;height:4px;border-radius:50%;background:var(--mint);position:absolute;right:1px;top:1px;box-shadow:0 0 14px var(--mint)}.topnav{display:flex;gap:29px;align-items:center}.topnav a{font-size:12px;color:#a8bac3;text-decoration:none;letter-spacing:.04em;transition:color .2s}.topnav a:hover{color:white}.edition{font-size:10px;letter-spacing:.16em;color:#78939f;white-space:nowrap;font-weight:650}.edition-dash{color:var(--mint);padding:0 4px}.hero{min-height:432px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;position:relative;overflow:hidden}.hero-text{padding:60px 0 52px}.eyebrow,.metric-kicker{font-size:10px;letter-spacing:.18em;font-weight:750;color:var(--mint)}.eyebrow{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #88d9bc1a,0 0 20px var(--mint)}.eyebrow-divider{width:21px;height:1px;background:#52717b}.hero h1{font-size:clamp(49px,6vw,89px);line-height:1.01;letter-spacing:-.069em;font-weight:700;margin:25px 0 22px}.hero h1 em,.chapter h2 em{font-style:normal;color:var(--mint);font-weight:350}.hero-description{color:#a8bdc6;font-size:15px;line-height:1.8;max-width:600px;margin:0}.hero-byline{display:flex;gap:8px;margin-top:27px;flex-wrap:wrap}.chip{border:1px solid #36535e;border-radius:30px;padding:5px 11px;color:#9eb6bf;font-size:10px;letter-spacing:.065em;font-weight:650}.hero-orbit{height:370px;position:relative;display:grid;place-items:center;opacity:.88}.orbit-core{border:1px solid #2e6b74;box-shadow:inset 0 0 88px #19495855,0 0 120px #2c718a25;width:234px;height:234px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#174353,#091e2d 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.orbit-core:before{content:"";position:absolute;inset:21px;border:1px solid #477e8166;border-radius:50%}.orbit-core>span{font-size:92px;font-weight:200;line-height:1;color:#b2e7d8;font-family:Georgia,serif}.orbit-core small{font-size:8px;letter-spacing:.36em;text-align:center;color:#7abbb3}.orbit-ring{position:absolute;border:1px solid #31637166;border-radius:50%;width:370px;height:140px;transform:rotate(-28deg)}.orbit-two{transform:rotate(37deg);width:420px;height:200px;border-color:#295163aa}.orbit-spark{width:9px;height:9px;border-radius:50%;background:var(--mint);position:absolute;box-shadow:0 0 25px var(--mint)}.orbit-spark.one{top:76px;left:21%}.orbit-spark.two{right:18%;bottom:80px;width:5px;height:5px;background:var(--warm)}.statusbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 2px;margin-bottom:24px;color:#b4c7cb;font-size:11px;letter-spacing:.035em;gap:10px;flex-wrap:wrap}.statusleft{display:flex;align-items:center;gap:11px}.status-light{width:7px;height:7px;border-radius:50%;background:#8197a4;box-shadow:0 0 10px #8897a4}.status-light.ready{background:#8bdbb5;box-shadow:0 0 14px #8bdbb555}.statusdate{color:#78949e}.quick-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card,.viz-card,.phase-card,.roni-card,.map-card,.map-guide,.mini-viz{background:linear-gradient(152deg,#112b3b 0%,#0b1b29 60%,#0b1b28 100%);border:1px solid var(--line);border-radius:var(--radius);position:relative;box-shadow:0 16px 42px #020c171c}.stat-card{min-height:190px;padding:23px 22px;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-75px;right:-75px;width:150px;height:150px;border-radius:50%;border:1px solid #ffffff0b;box-shadow:0 0 0 30px #ffffff04}.stat-head{display:flex;align-items:center;gap:11px}.stat-label{font-size:10px;font-weight:750;letter-spacing:.13em;color:#90a8b4}.stat-icon{width:27px;height:27px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:450}.rose{color:var(--warm)}.aqua{color:var(--cool)}.amber{color:var(--gold)}.violet{color:var(--violet)}.stat-number{font-size:clamp(28px,3vw,42px);font-weight:650;letter-spacing:-.075em;line-height:1.18;margin-top:17px;font-variant-numeric:tabular-nums}.stat-sub{font-size:11px;color:#8199a6;margin-top:3px;min-height:22px}.anomaly-pill{font-size:11px;color:#a5b8c3;margin-top:10px}.anomaly-pill.positive{color:#f9a48e}.anomaly-pill.negative{color:#85d9fa}.chapter{scroll-margin-top:30px;margin-top:100px}.chapter-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:28px}.chapter-head>div:first-child{max-width:770px}.section-index{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--mint)}.section-index>span:first-child{font-size:11px}.hairline{background:#3c636b;width:30px;height:1px}.chapter h2{font-size:clamp(35px,4.1vw,56px);line-height:1.13;letter-spacing:-.056em;font-weight:650;margin:13px 0 14px}.chapter-head p{color:#94acb7;line-height:1.75;font-size:13px;margin:0;max-width:680px}.chapter-symbol{font-family:Georgia,serif;font-size:106px;line-height:.85;font-weight:300;color:#fa90782d;user-select:none}.chapter-symbol.cool{color:#72cbdc38}.chapter-symbol.sun{color:#edca8152}.chapter-symbol.sea{color:#7edcb744}.viz-card{padding:27px 30px 22px}.viz-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px}.viz-toolbar h3,.phase-card h3,.roni-card h3,.mini-viz h3{font-size:20px;font-weight:580;letter-spacing:-.03em;margin:3px 0 0}.segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:13px;background:#081926;border:1px solid #243e4a;white-space:nowrap}.segmented button{border:0;background:transparent;color:#8299a5;font-size:11px;font-weight:700;letter-spacing:.01em;border-radius:9px;padding:7px 13px}.segmented button.is-active{background:#264c58;color:#d7f7ed;box-shadow:inset 0 1px 0 #ffffff11}.segmented.soft{background:#091c2a;border:0}.segmented.soft button.is-active{background:#1b3545;color:#c4edf1}.viz-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.year-control{font-size:11px;color:#a2b6c0;display:flex;align-items:center;gap:9px}.year-control select{border:1px solid #2c4956;background:#0b1d2b;border-radius:10px;color:#d8e5e8;padding:7px 8px;font-size:11px}.data-note{font-size:10px;color:#7d99a5;margin-left:auto}.chart-stage{height:358px;margin-top:23px;position:relative}.chart-stage canvas{width:100%;height:100%;display:block;outline-offset:4px}.chart-hover{position:absolute;z-index:3;pointer-events:none;min-width:125px;max-width:220px;border:1px solid #567582;background:#102f3df4;color:#eaf4f3;backdrop-filter:blur(14px);box-shadow:0 10px 30px #0007;border-radius:12px;padding:9px 12px;font-size:11px}.chart-hover strong{font-size:15px;letter-spacing:-.03em}.chart-hover small{display:block;font-size:10px;color:#abc2c9}.chart-footer{border-top:1px solid var(--line);padding-top:14px;display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}.legend{display:flex;align-items:center;gap:20px;color:#8fa6b0;font-size:10px;flex-wrap:wrap}.legend>span{display:inline-flex;align-items:center;gap:7px}.legend i{width:20px;display:inline-block;border-top:3px solid #fb917b;border-radius:5px}.legend .legend-current.ocean{border-color:var(--cool)}.legend .legend-history{border-color:#617b8666;border-top-width:2px}.legend .legend-baseline{border-color:#92cbb2;border-top-style:dashed;border-top-width:2px}.foot-caption{font-size:10px;color:#7893a0;max-width:470px}.enso-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(275px,.8fr);gap:16px}.enso-primary{min-width:0}.corner-indicator{font-size:10px;color:#829da7}.enso-explain{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.enso-explain>span{font-size:10px;border-radius:18px;padding:5px 10px;font-weight:600}.warm-chip{background:#f9977820;color:#fba690}.neutral-chip{background:#e8e7da0e;color:#aebdc1}.cold-chip{background:#6ccbea1c;color:#81d4ef}.enso-stage{height:328px;margin-top:10px}.enso-side{display:flex;flex-direction:column;gap:16px}.phase-card{padding:24px 24px 15px;flex:1}.phase-card h3{font-size:24px;margin:8px 0 22px}.phase-item{display:flex;gap:12px;margin:14px 0}.phase-dot{border-radius:50%;width:8px;height:8px;flex:0 0 8px;margin-top:6px}.phase-dot.red{background:var(--warm)}.phase-dot.blue{background:var(--cool)}.phase-dot.gray{background:#8ba0aa}.phase-item strong{font-weight:650;color:#dfecee;font-size:12px}.phase-item p{margin:1px 0 0;color:#90a7b3;font-size:11px;line-height:1.55}.roni-card{padding:23px;background:linear-gradient(140deg,#19394a,#0c2433)}.roni-large{font-size:43px;letter-spacing:-.06em;font-weight:650;color:var(--gold);line-height:1.25;margin-top:10px}.roni-card p{font-size:11px;color:#9db5c0;margin:6px 0 17px}.threshold-bar{border-top:4px solid transparent;border-image:linear-gradient(90deg,#5ec2ec,#a5aba5,#ed9575) 1;display:flex;justify-content:space-between;color:#8ca9b4;font-size:10px;padding-top:7px}.mini-viz{padding:20px 26px;display:grid;grid-template-columns:1fr 1.2fr auto;gap:20px;align-items:center;margin-top:16px}.mini-viz h3{font-size:17px}.mini-viz p{font-size:11px;color:#90a8b2;margin:4px 0 0}.mini-chart{height:108px;min-width:0}.mini-chart canvas{width:100%;height:100%}.weekly-last{font-size:27px;letter-spacing:-.045em;color:var(--gold);font-weight:650;white-space:nowrap}.med-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.65fr);gap:16px}.map-card{overflow:hidden}.map-topline,.map-bottom{padding:15px 22px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;font-size:10px;letter-spacing:.08em;color:#91abb6}.map-topline{border-bottom:1px solid var(--line);font-weight:650}.map-status{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:7px}.map-canvas{background:#e8ebea;display:grid;place-items:center;min-height:320px;position:relative}.map-canvas img{width:100%;height:auto;object-fit:contain;display:block}.map-canvas img[hidden]{display:none}.map-canvas>div{color:#51626b;text-align:center;max-width:310px;padding:40px;font-size:13px}.map-bottom{border-top:1px solid var(--line);font-size:10px;letter-spacing:0}.map-bottom a{color:var(--mint);text-decoration:none;white-space:nowrap}.map-guide{padding:27px}.map-guide h3{font-size:31px;line-height:1.15;letter-spacing:-.05em;margin:10px 0 20px;font-weight:600}.spectrum{height:17px;background:linear-gradient(90deg,#492697,#2575d5,#40c8e8,#d9ecec,#f5d451,#f69543,#ca3829);border-radius:8px}.spectrum-labels{display:flex;justify-content:space-between;font-size:10px;color:#87a3ad;margin:8px 0 25px}.map-guide p{font-size:12px;color:#91a9b4;line-height:1.7;margin:14px 0}.map-guide p strong{color:#e5f0ee}.map-guide .map-footnote{font-size:10px;color:#73929c;border-top:1px solid var(--line);padding-top:17px;margin-top:19px}.methodology{margin:100px 0 80px;display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;border-top:1px solid var(--line);padding-top:35px}.methodology h2{font-size:32px;letter-spacing:-.05em;line-height:1.1;font-weight:570;margin:9px 0}.methodology p{margin:0;color:#8ba7b1;font-size:13px;line-height:1.85}.footer{border-top:1px solid var(--line);background:#07131e;padding:35px 0 50px}.footgrid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:38px;align-items:start;color:#71909e;font-size:11px;line-height:1.8}.foot-brand{font-size:20px;color:#e9f6f2;font-weight:700;letter-spacing:-.05em}.foot-brand>span{color:var(--mint)}.foot-brand small{display:block;color:#7797a2;font-size:8px;letter-spacing:.16em;margin-top:1px;font-weight:650}.footgrid>div:last-child{display:flex;justify-content:end;gap:18px}.footgrid a{text-decoration:none;color:#a8c5c9}
@media(max-width:1100px){.wrap{width:min(100% - 42px,1200px)}.topnav{gap:13px}.edition{display:none}.stat-card{padding:19px 16px}.quick-stats{gap:10px}.enso-grid{grid-template-columns:1.5fr .8fr}.med-grid{grid-template-columns:1.5fr .8fr}}
@media(max-width:800px){.topnav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-text{padding:70px 0 30px}.hero-orbit{display:none}.quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter{margin-top:73px}.enso-grid,.med-grid,.methodology{grid-template-columns:1fr}.enso-side{display:grid;grid-template-columns:1fr 1fr}.chapter-symbol{font-size:68px}.viz-card{padding:23px}.chart-stage{height:300px}.mini-viz{grid-template-columns:1fr 1fr}.mini-chart{grid-column:1/3;grid-row:2}.weekly-last{justify-self:end}}
@media(max-width:540px){.wrap{width:calc(100% - 28px)}.navline{height:64px}.brand{font-size:17px}.hero h1{font-size:53px}.hero-description{font-size:13px}.quick-stats{gap:9px}.stat-card{min-height:160px;padding:16px}.stat-number{font-size:28px}.stat-sub{font-size:10px}.stat-label{font-size:9px}.chapter-head{align-items:flex-start}.chapter-symbol{display:none}.chapter h2{font-size:39px}.chapter-head p{font-size:12px}.viz-card{padding:17px 14px}.viz-toolbar{flex-wrap:wrap;align-items:flex-start}.viz-toolbar h3{font-size:17px}.viz-controls{gap:10px}.year-control{order:3}.data-note{margin-left:0}.chart-stage{height:285px;margin-top:14px}.enso-stage{height:300px}.legend{gap:9px}.legend>span{font-size:9px}.enso-side{grid-template-columns:1fr}.map-topline{font-size:9px}.map-canvas{min-height:200px}.map-guide{padding:22px}.methodology{margin:65px 0;gap:15px}.footgrid{grid-template-columns:1fr;gap:16px}.footgrid>div:last-child{justify-content:start}.mini-viz{grid-template-columns:1fr}.mini-chart{grid-column:auto;grid-row:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* ===============================================================
   V1.1 — IVORY / ATMOSPHERE
   Editorial light visual system. Layout and data contract unchanged.
   =============================================================== */
:root {
  color-scheme: light;
  --bg: #f7f7f3;
  --panel: #ffffff;
  --panel2: #f3f9f8;
  --line: rgba(43, 80, 91, .13);
  --ink: #193447;
  --muted: #586d77;
  --faint: #799099;
  --warm: #d15d4d;
  --cool: #1d849f;
  --mint: #247e71;
  --gold: #b77c2e;
  --violet: #7168a3;
  --radius: 20px;
}
body {
  background:
    radial-gradient(ellipse 60% 25% at 90% 5%, rgba(192,224,224,.65), transparent 80%),
    radial-gradient(ellipse 48% 18% at 2% 29%, rgba(230,218,198,.35), transparent 85%),
    radial-gradient(ellipse 47% 22% at 98% 73%, rgba(205,232,231,.30), transparent 80%),
    linear-gradient(180deg,#f6f5ef 0%,#fbfaf7 29%,#f5f8f7 65%,#f8f6f0 100%);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
::selection{background:#d8e9e2;color:#133943}
.grain { opacity:.025; mix-blend-mode:multiply; z-index:1; }
.wrap { position:relative; z-index:2; }
.topbar {
  background:rgba(252,251,247,.82);
  border-bottom:1px solid rgba(40,75,86,.11);
  box-shadow:0 3px 24px rgba(45,65,69,.035);
  backdrop-filter:blur(24px);
}
.brand { color:#233d4b; }
.brand-mark {border-color:#418f89;}
.brand-mark span {border-color:#418f89;}
.brand-mark i{background:#317f76;box-shadow:0 0 0 4px rgba(48,127,118,.1)}
.topnav a { color:#536d76; font-weight:580; }
.topnav a:hover {color:#167b7c;}
.topnav a:focus-visible,.map-bottom a:focus-visible,.footgrid a:focus-visible {outline:2px solid #246d83;outline-offset:4px;border-radius:3px}
.edition{color:#729198}.edition-dash{color:#488c83}
.hero{min-height:438px;isolation:isolate;}
.hero::before{
  content:"";position:absolute;z-index:-1;width:640px;height:370px;right:-80px;top:0;
  background:radial-gradient(ellipse at center,rgba(181,218,219,.33),rgba(225,234,223,.14) 48%,transparent 73%);
  pointer-events:none;
}
.hero-text{padding:69px 0 53px}
.eyebrow,.metric-kicker{color:#267a73}
.live-dot{background:#2b9a89;box-shadow:0 0 0 4px rgba(46,149,130,.12),0 0 12px rgba(46,149,130,.15)}
.eyebrow-divider,.hairline{background:#a2c5c1}
.hero h1{color:#193548;letter-spacing:-.074em}
.hero h1 em,.chapter h2 em{color:#298479;font-weight:370}
.hero-description{color:#4f6975;font-size:16px;line-height:1.85}
.chip{border:1px solid #d5e5e2;color:#58757e;background:rgba(255,255,255,.58);box-shadow:0 3px 13px rgba(24,81,79,.03);padding:6px 12px}
.hero-orbit{opacity:1}
.orbit-core{
  border:1px solid #a8cecb;
  background:radial-gradient(circle at 30% 24%,#ffffff 0%,#e9f3f0 50%,#e1efeb 100%);
  box-shadow:inset 0 0 68px #ffffffa8,0 22px 90px rgba(53,134,133,.10),0 0 0 16px rgba(255,255,255,.27);
}
.orbit-core:before{border-color:#a7cdca}
.orbit-core>span{color:#367c78;text-shadow:0 4px 25px #ffffff}
.orbit-core small{color:#60958e}
.orbit-ring{border-color:rgba(75,154,154,.22)}
.orbit-two{border-color:rgba(80,151,154,.15)}
.orbit-spark{background:#348d86;box-shadow:0 0 0 5px #3c99931c}
.orbit-spark.two{background:#d78367;box-shadow:0 0 0 4px #d783671c}
.statusbar{border-color:var(--line);color:#476774;margin-top:4px}
.status-light{background:#b3bfc3;box-shadow:none}
.status-light.ready{background:#29977c;box-shadow:0 0 0 4px rgba(41,151,124,.11)}
.statusdate{color:#718993}
.stat-card,.viz-card,.phase-card,.roni-card,.map-card,.map-guide,.mini-viz{
  background:linear-gradient(152deg,rgba(255,255,255,.97),rgba(250,253,252,.92) 57%,rgba(240,247,246,.9));
  border:1px solid #dce8e6;
  box-shadow:0 18px 52px rgba(36,64,71,.055),0 2px 9px rgba(36,64,71,.028);
}
.stat-card{background:linear-gradient(155deg,#fff 0%,#fcfdfc 65%,#f5f9f8 100%);min-height:188px;border-top:3px solid #dca493;transition:transform .2s ease,box-shadow .2s ease}
.stat-card:nth-child(2){border-top-color:#87c0ca}
.stat-card:nth-child(3){border-top-color:#e1c08a}
.stat-card:nth-child(4){border-top-color:#b3a7cb}
.stat-card:before{border-color:rgba(36,113,115,.075);box-shadow:0 0 0 30px rgba(36,113,115,.025)}
.stat-label{color:#627c86}
.stat-icon{background:rgba(255,255,255,.72);font-weight:500}
.rose{color:#bf6859}.aqua{color:#238ba3}.amber{color:#b98437}.violet{color:#796da8}
.stat-number{color:#173749}
.stat-sub{color:#67808a}
.anomaly-pill{color:#516c78;font-weight:600}
.anomaly-pill.positive{color:#bd4d3e}
.anomaly-pill.negative{color:#147fa4}
.chapter{margin-top:103px}
.section-index{color:#237c73}
.chapter h2{color:#193b4b}
.chapter-head p{color:#637882;font-size:14px;line-height:1.8}
.chapter-symbol{opacity:.66}
.chapter-symbol.warm{color:#e6b6a1}
.chapter-symbol.cool{color:#a3d4d7}
.chapter-symbol.sun{color:#e7c992}
.chapter-symbol.sea{color:#9ed2c8}
.viz-card{padding:29px 32px 23px}
.viz-toolbar h3,.phase-card h3,.roni-card h3,.mini-viz h3{color:#1c3c4b}
.segmented{background:#edf3f2;border-color:#dce8e5;box-shadow:inset 0 1px 2px rgba(24,66,75,.03)}
.segmented button{color:#617a84}
.segmented button:hover{color:#235e72}
.segmented button.is-active{background:#fff;color:#1b6975;box-shadow:0 3px 11px rgba(37,72,74,.09),0 0 0 1px #dce9e5}
.segmented.soft{background:#f1f6f5;border:1px solid #e5edeb}
.segmented.soft button.is-active{background:#e0efed;color:#206b6d;box-shadow:0 0 0 1px #d0e5df}
.segmented button:focus-visible,.year-control select:focus-visible{outline:2px solid #247d91;outline-offset:2px}
.year-control{color:#58737e}
.year-control select{border:1px solid #d6e5e2;background:#fff;color:#315564}
.data-note{color:#738d96}
.chart-stage{margin-top:25px}
.chart-hover{border-color:#ccdeda;background:rgba(255,255,255,.96);color:#1a3d4c;box-shadow:0 14px 35px rgba(35,74,85,.16)}
.chart-hover strong{color:#153b4d}
.chart-hover small{color:#657d87}
.chart-footer{border-top-color:#e5edeb}
.legend{color:#58727c}
.legend i{border-color:#d15d4d}
.legend .legend-current.ocean{border-color:#2189a7}
.legend .legend-history{border-color:#aebfc0}
.legend .legend-baseline{border-color:#389481}
.foot-caption{color:#748b94}
.corner-indicator{color:#799098}
.enso-explain .warm-chip{color:#aa493a;background:#faeae5}
.enso-explain .neutral-chip{color:#61727b;background:#f0f3f2}
.enso-explain .cold-chip{color:#167698;background:#e7f4f8}
.phase-card h3{color:#244657}
.phase-dot.red{background:#cc5f50}.phase-dot.blue{background:#258da9}.phase-dot.gray{background:#a8b4b7}
.phase-item strong{color:#264b59}
.phase-item p{color:#6a838a}
.roni-card{background:linear-gradient(135deg,#f0f8f6,#e8f3f0);border-color:#d1e6e1}
.roni-large{color:#b16d2a}
.roni-card p{color:#5b7980}
.threshold-bar{border-image:linear-gradient(90deg,#379bc0,#bcc8c5,#dc7d5d) 1;color:#66828b}
.mini-viz p{color:#71858e}
.weekly-last{color:#aa752b}
.map-card{background:#fff}
.map-topline,.map-bottom{color:#627c85}
.map-status{background:#26967c}
.map-canvas{background:#f4f5f1}
.map-bottom a{color:#1d7d79;font-weight:700}
.map-guide{background:linear-gradient(155deg,#fff,#f4f9f7)}
.map-guide h3{color:#1d3e50}
.spectrum-labels{color:#718992}
.map-guide p{color:#627c86}
.map-guide p strong{color:#254858}
.map-guide .map-footnote{color:#728b93}
.methodology{border-top-color:#dbe5e3}
.methodology p{color:#647d85}
.footer{background:#eaf2ef;border-top:1px solid #d7e4e0}
.footgrid{color:#657e84}
.foot-brand{color:#254958}
.foot-brand>span{color:#278c80}
.foot-brand small{color:#69868b}
.footgrid a{color:#2d6971}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .stat-card:hover{transform:translateY(-3px);box-shadow:0 21px 46px rgba(36,64,71,.09)}
}
@media(max-width:800px){
  .hero-text{padding:61px 0 36px}
  .hero::before{right:-240px;top:-70px}
  .chapter{margin-top:77px}
}
@media(max-width:540px){
  .hero h1{font-size:50px}
  .hero-description{font-size:14px}
  .stat-card{min-height:163px}
  .viz-card{padding:19px 15px}
  .chapter{margin-top:71px}
  .enso-explain{gap:6px}
}

/* ==============================================================
  V1.2 | CINEMATIC EARTH — Ivory Atmosphere Signature Edition
  Purely presentational; data and scientific plotting kept intact.
  ============================================================== */
body{overflow-x:hidden}
.hero{
  width:100vw;left:50%;transform:translateX(-50%);margin-bottom:5px;
  min-height:565px;padding:0 max(28px,calc((100vw - 1296px)/2));
  grid-template-columns:minmax(0,1fr) minmax(0,.87fr);gap:24px;
  background:#edf6f7 url('hero-earth-v12.webp') center 44%/cover no-repeat;
  isolation:isolate;border-bottom:1px solid rgba(32,92,112,.12);
  box-shadow:0 16px 38px rgba(25,70,87,.045)
}
.hero::before{
  content:"";position:absolute;inset:0;width:auto;height:auto;top:0;right:0;z-index:0;
  background:linear-gradient(90deg,rgba(246,251,251,.76) 0%,rgba(247,251,250,.50) 27%,rgba(247,251,250,.10) 46%,transparent 68%);
  pointer-events:none
}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:70px;z-index:0;background:linear-gradient(180deg,transparent,rgba(249,250,246,.38));pointer-events:none}
.hero-text{z-index:2;position:relative;max-width:680px;padding:76px 0 85px}
.hero h1{font-size:clamp(58px,6.3vw,106px);line-height:.98;letter-spacing:-.079em;text-shadow:0 1px 0 rgba(255,255,255,.45);margin:23px 0 24px}
.hero h1 em{color:#167f83;font-weight:330}
.hero-description{font-size:16px;line-height:1.8;max-width:520px;color:#294e61;text-wrap:pretty}
.hero .eyebrow{color:#16767c;letter-spacing:.19em;font-weight:800}
.hero .chip{background:rgba(255,255,255,.84);border-color:rgba(151,197,199,.63);box-shadow:0 8px 22px rgba(31,100,112,.065);color:#315b6b;font-size:11px;padding:7px 13px;backdrop-filter:blur(9px)}
.hero .chip:first-child{color:#d65a4d}
.hero .chip:nth-child(2){color:#147c99}
.hero-orbit{display:none!important}
.hero-latest{
  position:absolute;z-index:3;right:max(36px,calc((100vw - 1296px)/2 + 8px));top:55px;
  display:flex;align-items:center;gap:11px;min-width:155px;padding:10px 15px;
  border:1px solid rgba(255,255,255,.87);border-radius:16px;
  background:rgba(255,255,255,.78);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
  box-shadow:0 15px 38px rgba(26,79,96,.12),inset 0 1px 0 rgba(255,255,255,.85)
}
.latest-icon{display:grid;place-items:center;width:29px;height:29px;font-size:24px;border-radius:9px;background:rgba(28,146,152,.09);color:#268c92;line-height:1}
.latest-words{display:flex;flex-direction:column;gap:1px}
.latest-words small{font-size:9px;letter-spacing:.105em;color:#63808b;font-weight:800;white-space:nowrap}
.latest-words strong{color:#174055;font-size:14px;white-space:nowrap;line-height:1.2;font-weight:750}
.statusbar{margin-top:21px}
.stat-card{border-radius:22px;box-shadow:0 16px 38px rgba(34,78,91,.075),0 2px 8px rgba(34,78,91,.03)}
.stat-card:nth-child(1){background:linear-gradient(145deg,#fff 45%,#fff1e8 150%)}
.stat-card:nth-child(2){background:linear-gradient(145deg,#fff 45%,#e7f8fb 150%)}
.stat-card:nth-child(3){background:linear-gradient(145deg,#fff 45%,#fff5df 150%)}
.stat-card:nth-child(4){background:linear-gradient(145deg,#fff 45%,#eeeafa 150%)}
.chapter{margin-top:110px}
.chapter .section-index{letter-spacing:.22em;font-weight:850}
.chapter h2{letter-spacing:-.063em}
.viz-card,.map-card,.map-guide,.phase-card,.roni-card,.mini-viz{box-shadow:0 20px 45px rgba(31,79,88,.07),0 3px 11px rgba(31,79,88,.027)}
.viz-card{border-radius:24px;border-color:rgba(180,213,210,.58)}
.chart-stage{isolation:isolate}
.chart-lastpoint{
  pointer-events:none;position:absolute;z-index:2;width:153px;min-height:80px;
  display:flex;flex-direction:column;align-items:flex-start;gap:1px;
  padding:10px 12px 11px;border-radius:14px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(209,224,222,.98);
  box-shadow:0 13px 33px rgba(42,87,99,.13),0 1px 3px rgba(42,87,99,.045);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:opacity .18s ease
}
.chart-lastpoint[hidden]{display:none}
.chart-lastpoint:before{content:"";position:absolute;top:12px;bottom:12px;left:0;width:3px;border-radius:3px;background:#d26650}
.chart-lastpoint.sst:before{background:#258fae}
.chart-lastpoint.is-negative:before{background:#1d91b6}
.chart-lastpoint.hover-active{opacity:.27}
.lastpoint-kicker{font-size:8px;letter-spacing:.11em;font-weight:800;color:#738b93;white-space:nowrap}
.lastpoint-date{font-size:10px;color:#3f6876;white-space:nowrap}
.lastpoint-value{font-size:19px;letter-spacing:-.045em;color:#bd5140;font-weight:800;line-height:1.18}
.chart-lastpoint.sst .lastpoint-value{color:#137f9d}
.chart-lastpoint.is-negative .lastpoint-value{color:#197eac}
.lastpoint-detail{font-size:9px;color:#657f89;line-height:1.25}
.chart-hover{z-index:4}

/* Source / licensing editorial panel */
.source-section{position:relative;margin-top:48px;padding:76px 0 68px;background:linear-gradient(165deg,#e2f0ef 0%,#f5f9f5 53%,#eaf2f3 100%);border-top:1px solid rgba(40,94,102,.13)}
.source-section::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2b95a6 0%,#88c8c3 38%,#e7b273 74%,#d76e52 100%);opacity:.8}
.source-intro{display:flex;flex-direction:column;gap:11px;margin-bottom:31px;max-width:860px}
.source-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:850;color:#2b8583}
.source-intro h2{margin:0;font-size:clamp(30px,3.7vw,47px);line-height:1.14;font-weight:650;letter-spacing:-.05em;color:#153d4e}
.source-intro h2 em{font-weight:350;font-style:normal;color:#228b8a}
.source-intro p{margin:0;font-size:13px;color:#55747c;line-height:1.75;max-width:790px}
.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
.source-panel{background:rgba(255,255,255,.78);border:1px solid rgba(166,204,202,.52);border-radius:21px;padding:27px 25px 23px;box-shadow:0 15px 34px rgba(25,78,87,.055);display:flex;flex-direction:column;min-width:0}
.source-panel-icon{font-size:11px;font-weight:850;letter-spacing:.16em;color:#258a91;margin-bottom:13px}
.source-panel h3{font-size:21px;font-weight:720;letter-spacing:-.035em;margin:0 0 15px;color:#194155}
.source-panel p{font-size:12px;line-height:1.75;color:#55727c;margin:0 0 14px;overflow-wrap:anywhere}
.source-panel strong{color:#274b59}
.source-panel .source-nonendorse{font-size:11px;color:#73868e}
.source-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:auto;padding-top:15px;border-top:1px solid rgba(65,122,131,.13)}
.source-links a{font-size:11px;font-weight:750;text-decoration:none;color:#167e88}
.source-links a:hover{text-decoration:underline;text-underline-offset:4px}
.source-links a:focus-visible,.footer-last a:focus-visible{outline:2px solid #147b91;outline-offset:3px;border-radius:4px}
.footer{background:#153d4c;border-top:none;padding:24px 0}
.footer-final{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;font-size:11px;color:#aac6ca}
.footer-brand{display:flex;flex-direction:column}
.footer-brand strong{font-size:16px;letter-spacing:-.055em;color:#e6f6f4}
.footer-brand strong span{color:#79d6cd}
.footer-brand small{font-size:9px;letter-spacing:.12em;color:#9ec4c7;margin-top:3px}
.footer-last{display:flex;gap:20px;justify-content:flex-end}
.footer-last a{color:#d4e9e8;text-decoration:none;font-size:11px}
.footer-last a:hover{text-decoration:underline}
@media(max-width:1100px){
  .hero{padding:0 28px;min-height:535px}
  .hero-latest{right:28px}
  .source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .source-panel{padding:21px 19px}
}
@media(max-width:800px){
  .hero{display:block;min-height:530px;background-position:63% center;padding:0 max(21px,calc((100vw - 740px)/2))}
  .hero::before{background:linear-gradient(90deg,rgba(246,251,251,.95) 0%,rgba(246,251,251,.74) 51%,rgba(246,251,251,.19) 100%)}
  .hero-text{max-width:575px;padding:78px 0 65px}
  .hero h1{font-size:clamp(54px,9vw,72px)}
  .hero-latest{top:auto;right:23px;bottom:24px}
  .source-grid{grid-template-columns:1fr 1fr}
  .source-panel:last-child{grid-column:1/-1}
  .footer-final{grid-template-columns:1fr 1fr}
  .footer-last{justify-content:flex-start}
}
@media(max-width:540px){
  .hero{min-height:560px;background-size:auto 100%;background-position:61% center;padding:0 20px}
  .hero::before{background:linear-gradient(180deg,rgba(246,251,251,.97),rgba(246,251,251,.84) 62%,rgba(246,251,251,.38))}
  .hero-text{padding:49px 0 135px;max-width:100%}
  .hero h1{font-size:clamp(47px,11.8vw,61px);letter-spacing:-.068em;margin:25px 0 23px}
  .hero-description{max-width:360px;font-size:14px;line-height:1.65}
  .hero-byline{gap:6px;margin-top:22px}
  .hero .chip{font-size:9px;padding:6px 9px}
  .hero .eyebrow{font-size:9px;gap:7px;letter-spacing:.11em}
  .hero-latest{bottom:21px;top:auto;right:19px;padding:7px 10px;border-radius:13px;min-width:unset}
  .latest-words strong{font-size:12px}.latest-words small{font-size:8px}.latest-icon{width:24px;height:24px;font-size:20px}
  .statusbar{margin-top:17px}
  .chapter{margin-top:73px}
  .chart-lastpoint{width:128px;padding:8px 9px 8px 11px;min-height:73px;border-radius:12px}
  .lastpoint-kicker{font-size:7px}.lastpoint-date{font-size:9px}.lastpoint-value{font-size:17px}.lastpoint-detail{font-size:8px}
  .source-section{padding:55px 0 49px}
  .source-grid{grid-template-columns:1fr}
  .source-panel:last-child{grid-column:auto}
  .source-panel{padding:23px 21px}
  .source-intro{margin-bottom:24px}
  .footer-final{grid-template-columns:1fr;gap:13px}
  .footer-last{gap:16px;flex-wrap:wrap}
}


/* ================================================================
   V1.2.1 | CRYSTAL HERO • CONTAINED EDITORIAL PANELS
   Display-only correction. No changes to JS, charts, data or cron.
   ================================================================ */

/* Undo V1.2 full-viewport breakout: both image and gradients are clipped. */
main.wrap > .hero{
  width:100%; max-width:100%; left:auto; right:auto; transform:none;
  margin:20px 0 0; padding:0 clamp(25px,4.5vw,64px);
  min-height:560px; position:relative; overflow:hidden; isolation:isolate;
  border:1px solid rgba(134,188,199,.47); border-radius:26px;
  background-color:#eaf2f5;
  background-image:url('hero-earth-crystal-v121.webp');
  background-position:center center; background-size:cover; background-repeat:no-repeat;
  box-shadow:0 15px 45px rgba(26,72,85,.095),0 2px 7px rgba(26,72,85,.035);
}
main.wrap > .hero::before{
  content:""; position:absolute; inset:0; left:0; right:0; top:0;
  width:100%; height:100%; border-radius:inherit;
  background:linear-gradient(90deg,rgba(246,251,251,.26) 0%,rgba(246,251,251,.19) 27%,rgba(246,251,251,.06) 43%,transparent 59%);
  pointer-events:none; z-index:0;
}
main.wrap > .hero::after{
  content:""; position:absolute;inset:auto 0 0; width:100%; height:39px;
  background:linear-gradient(0deg,rgba(247,250,251,.18),transparent);
  pointer-events:none;z-index:0;
}
main.wrap > .hero .hero-text{padding:76px 0 80px;z-index:2}
main.wrap > .hero .hero-latest{right:30px;top:25px}

/* The same physical bounds as the central main container; no full-bleed footer. */
.source-section,
.footer{
  width:min(1296px,calc(100% - 72px));max-width:100%;
  margin-left:auto;margin-right:auto;box-sizing:border-box;
  overflow:hidden;isolation:isolate;
}
.source-section{
  border:1px solid rgba(134,188,199,.42);
  border-bottom:0; border-radius:24px 24px 0 0;
  margin-top:56px; padding:65px 0 54px;
  box-shadow:0 15px 42px rgba(28,72,88,.06);
}
.source-section::before{border-radius:24px 24px 0 0}
.footer{
  border:1px solid rgba(134,188,199,.42);border-top:0;
  border-radius:0 0 24px 24px;
  margin-top:0;margin-bottom:30px;
  box-shadow:0 18px 42px rgba(28,72,88,.08);
}
.source-section > .wrap,.footer > .wrap{width:calc(100% - 86px);max-width:1180px;margin-left:auto;margin-right:auto}

@media(max-width:1100px){
  main.wrap > .hero{padding:0 28px;min-height:535px;background-position:59% center}
  main.wrap > .hero .hero-latest{right:22px;top:23px}
}
@media(max-width:800px){
  main.wrap > .hero{display:block;min-height:520px;padding:0 26px;background-position:65% center}
  main.wrap > .hero::before{background:linear-gradient(90deg,rgba(246,251,251,.76),rgba(246,251,251,.40) 54%,rgba(246,251,251,.04))}
  main.wrap > .hero .hero-text{padding:72px 0 100px;max-width:570px}
  main.wrap > .hero .hero-latest{top:auto;right:22px;bottom:19px}
  .source-section > .wrap,.footer > .wrap{width:calc(100% - 58px)}
}
@media(max-width:540px){
  main.wrap > .hero{
    min-height:540px;padding:0 20px;margin-top:12px;border-radius:20px;
    background-size:auto 100%;background-position:63% center;
  }
  main.wrap > .hero::before{background:linear-gradient(180deg,rgba(247,251,251,.97) 0%,rgba(247,251,251,.86) 49%,rgba(247,251,251,.30) 100%)}
  main.wrap > .hero .hero-text{padding:45px 0 133px;max-width:100%}
  main.wrap > .hero .hero-latest{top:auto;right:15px;bottom:17px}
  .source-section,.footer{width:calc(100% - 32px)}
  .source-section{padding:47px 0 43px;border-radius:19px 19px 0 0}
  .footer{border-radius:0 0 19px 19px;margin-bottom:18px}
  .source-section > .wrap,.footer > .wrap{width:calc(100% - 32px)}
}