:root{color-scheme:light;--paper:#f1f0e8;--panel:rgba(255,255,250,.96);--ink:#18231f;--muted:#637069;--line:#c6c9be;--forest:#1f684d;--forest-soft:#dce9dd;--water:#2d6876;--water-soft:#dbe9eb;--ember:#bd472c;--ember-soft:#f2ddd3;--sand:#a07631;--sand-soft:#eee3cb;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--serif:Iowan Old Style,Baskerville,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 88% 0,rgba(45,104,118,.11),transparent 31rem),linear-gradient(rgba(31,104,77,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,104,77,.035) 1px,transparent 1px),var(--paper);background-size:auto,48px 48px,48px 48px,auto;font-family:var(--sans)}a{color:inherit}button{font:inherit}code,.mono{font-family:var(--mono)}.ui-icon{width:1em;height:1em;fill:currentColor;vertical-align:-.12em}
.hero{padding:clamp(54px,8vw,112px) clamp(18px,7vw,112px) 54px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:60px;align-items:end;max-width:1500px;margin:auto}.eyebrow,.section-kicker{margin:0 0 14px;color:var(--ember);font:700 12px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase}h1{max-width:1100px;margin:0;font:500 clamp(50px,7.2vw,106px)/.91 var(--serif);letter-spacing:-.045em}.hero-copy{max-width:900px;margin:28px 0 0;color:#4e5b55;font-size:clamp(18px,2vw,25px);line-height:1.5}.hero-meta{min-width:0;margin:0;border:1px solid var(--line);background:var(--panel)}.hero-meta div{min-width:0;padding:16px 19px;border-bottom:1px solid var(--line)}.hero-meta div:last-child{border:0}.hero-meta dt{margin-bottom:6px;color:var(--muted);font:12px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase}.hero-meta dd{min-width:0;margin:0;font:12px/1.45 var(--mono);overflow-wrap:anywhere}
.workspace{max-width:1600px;margin:auto;padding:42px clamp(18px,4vw,64px) 90px}.panel{padding:clamp(24px,4vw,48px);border:1px solid var(--line);background:var(--panel)}.chronology,.flagship,.state-study,.map-study,.changes,.regimes,.windows,.reachability,.load-boundary,.boundary{margin-top:36px}.section-heading{max-width:980px}.section-heading h2,.map-study h2,.reachability h2,.load-boundary h2{margin:0;font:500 clamp(34px,4vw,58px)/.98 var(--serif);letter-spacing:-.025em}.section-heading>p:last-child,.map-copy>p:last-of-type,.reachability>div>p:last-child{margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.6}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:30px}.metric-card{min-width:0;padding:20px;border:1px solid var(--line);background:#fffffb}.metric-card strong{display:block;color:var(--forest);font:500 clamp(31px,4vw,52px)/1 var(--serif)}.metric-card span{display:block;margin-top:9px;color:var(--muted);font:12px/1.35 var(--mono);text-transform:uppercase}
.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;border:1px solid var(--line);background:#fffffb}.timeline-item{position:relative;display:grid;min-width:0;padding:22px;border-right:1px solid var(--line)}.timeline-item:last-child{border:0}.timeline-item::after{position:absolute;right:-7px;top:35px;z-index:1;width:12px;height:12px;transform:rotate(45deg);border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fffffb;content:""}.timeline-item:last-child::after{content:none}.timeline-index{color:var(--ember);font:700 12px/1 var(--mono)}.timeline-item strong{margin-top:17px;font:500 25px/1.05 var(--serif)}.timeline-item time{margin-top:22px;color:var(--forest);font:700 13px/1.3 var(--mono)}.timeline-item small{margin-top:6px;color:var(--muted);font:12px/1.35 var(--mono);text-transform:uppercase}.timeline-item.event{background:var(--ember-soft)}.timeline-item.event::after{background:var(--ember-soft)}
.snapshot-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}.snapshot-card{border:1px solid var(--line);background:#fffffb}.snapshot-card header{display:flex;justify-content:space-between;gap:15px;padding:14px 17px;color:white;background:var(--water);font:700 12px/1.3 var(--mono)}.snapshot-card:last-child header{background:var(--forest)}.snapshot-values{margin:0;padding:12px 18px}.snapshot-values div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:9px 0;border-bottom:1px solid #e1e2da}.snapshot-values div:last-child{border:0}.snapshot-values dt,.snapshot-values dd{margin:0;font:13px/1.35 var(--mono)}.snapshot-values dt{color:var(--muted)}.snapshot-values dd{font-weight:700}.snapshot-card footer{padding:12px 18px;border-top:1px solid var(--line);color:var(--muted);font:12px/1.35 var(--mono)}.signature-band{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);align-items:stretch;margin-top:14px;color:white;background:var(--ink)}.signature-band>div:first-child{display:grid;align-content:center;padding:20px}.signature-band>div:first-child span{color:#b9c5bf;font:12px/1.4 var(--mono)}.signature-band>div:first-child strong{margin-top:4px;color:#92d2b2;font:500 36px/1 var(--serif)}.signature-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.signature-values div{display:grid;align-content:center;padding:18px;border-left:1px solid #4b5a54}.signature-values span{color:#b9c5bf;font:12px/1.2 var(--mono)}.signature-values strong{margin-top:4px;font:500 30px/1 var(--serif)}.flagship-context{margin:14px 0 0;color:var(--muted);font:12px/1.6 var(--mono)}
.state-bars{display:grid;gap:18px;margin-top:28px}.state-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px}.state-row>strong{font:13px/1.35 var(--mono)}.state-bar-pair{display:grid;gap:7px}.state-bar{display:grid;grid-template-columns:42px minmax(0,1fr) 90px;align-items:center;gap:10px}.state-bar span,.state-bar em{color:var(--muted);font:12px/1.2 var(--mono);font-style:normal}.state-bar em{text-align:right}.state-bar i{display:block;height:13px;background:#e1e3da}.state-bar b{display:block;height:100%;background:var(--water)}.state-bar.after b{background:var(--forest)}
.map-study{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(400px,1.3fr);gap:42px;padding:clamp(24px,4vw,48px);color:white;background:var(--ink)}.map-copy{align-self:center}.map-copy .section-kicker{color:#f18a6f}.map-copy>p:last-of-type{color:#bbc7c1}.choice-controls{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 18px}.choice-button{padding:9px 12px;color:white;border:1px solid #60706a;background:transparent;cursor:pointer;font:700 12px/1.2 var(--mono)}.choice-button:hover{border-color:#94cfb2}.choice-button[data-active=true]{color:var(--ink);border-color:#94cfb2;background:#94cfb2}.choice-button:focus-visible{outline:3px solid rgba(148,207,178,.45);outline-offset:2px}.map-legend{display:grid;grid-template-columns:auto minmax(70px,220px) auto;align-items:center;gap:10px;color:#bbc7c1;font:12px/1.3 var(--mono)}.map-legend i{height:9px;background:linear-gradient(90deg,var(--ember),#ede9dd,var(--forest))}.grid-readout{min-height:42px;margin:17px 0 0;color:#d9e1dd;font:12px/1.55 var(--mono)}.grid-figure{max-width:680px;margin:0;justify-self:end;border:1px solid #617169;background:#f7f6f0}.grid-figure figcaption{padding:12px 15px;color:var(--ink);border-bottom:1px solid var(--line);font:700 12px/1.3 var(--mono)}.grid-figure canvas{display:block;width:min(100%,600px);height:auto;image-rendering:auto}
.map-legend:not([data-mode=change]) i{background:linear-gradient(90deg,#e7ede0,var(--forest))}
.change-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.change-card{min-width:0;padding:20px;border-top:4px solid var(--ember);background:var(--ember-soft)}.change-card span{color:var(--muted);font:12px/1.25 var(--mono)}.change-card strong{display:block;margin-top:8px;color:var(--ember);font:500 clamp(34px,4vw,54px)/1 var(--serif)}.change-card p{margin:13px 0 0;color:#655b56;font-size:12px;line-height:1.55}
.equivalence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.equivalence-card{min-width:0;padding:19px;border:1px solid var(--line);background:#fffffb}.equivalence-card>span{display:inline-block;padding:5px 7px;color:var(--forest);background:var(--forest-soft);font:700 12px/1 var(--mono)}.equivalence-card[data-result=no]>span{color:var(--ember);background:var(--ember-soft)}.equivalence-card[data-result=unresolved]>span{color:var(--sand);background:var(--sand-soft)}.equivalence-card h3{margin:15px 0 8px;font:500 23px/1.05 var(--serif);text-transform:capitalize}.equivalence-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.history-windows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.window-card{display:grid;align-content:start;padding:20px;border:1px solid var(--line);background:#fffffb}.window-card>span{color:var(--ember);font:700 12px/1 var(--mono)}.window-card h3{margin:14px 0 8px;font:500 25px/1.05 var(--serif);text-transform:capitalize}.window-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.window-card strong{margin-top:22px;color:var(--forest);font:700 12px/1.3 var(--mono)}
.reachability{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:40px;padding:clamp(24px,4vw,48px);border:1px solid var(--line);background:var(--water-soft)}.reachability-diagram{display:grid;grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr) 55px minmax(0,1fr);align-items:center}.reachability-diagram article{display:grid;align-content:center;min-height:120px;padding:16px;border:1px solid #91a8ad;background:#f9fcfa}.reachability-diagram article.unknown{border-style:dashed;background:transparent}.reachability-diagram span{color:var(--water);font:700 12px/1 var(--mono)}.reachability-diagram strong{margin-top:8px;font-size:14px}.reachability-diagram>i{display:block;position:relative;border-top:2px solid var(--water)}.reachability-diagram>i::after{position:absolute;right:0;top:-6px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--water);content:""}.reachability-diagram>i.unknown{border-top-style:dashed;border-color:var(--muted)}.reachability-diagram>i.unknown::after{border-left-color:var(--muted)}
.load-boundary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.5fr);align-items:center;gap:40px;padding:clamp(24px,4vw,48px);border:1px solid var(--line);background:#e9e7dd}.load-boundary p:last-child{max-width:900px;margin:18px 0 0;color:var(--muted);line-height:1.6}.undefined-value{display:grid;justify-items:center;padding:20px;border:1px dashed var(--sand);background:var(--sand-soft)}.undefined-value strong{font:500 96px/.65 var(--serif)}.undefined-value span{margin-top:18px;color:var(--sand);font:700 13px/1 var(--mono);letter-spacing:.12em}.undefined-value small{margin-top:12px;color:var(--muted)}
.boundary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:27px}.boundary-grid article{padding:17px;border:1px solid var(--line);background:#fffffb}.boundary-grid span{color:var(--ember);font:700 12px/1.2 var(--mono);letter-spacing:.07em}.boundary-grid h3{margin:12px 0 7px;font:500 21px/1.05 var(--serif)}.boundary-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.source-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.source-links a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);background:#fffffb;color:var(--forest);font-size:12px;text-underline-offset:3px}.fatal-error{margin:30px;padding:20px;color:#7d2819;border:1px solid var(--ember);background:var(--ember-soft)}.study-footer{padding:28px clamp(18px,4vw,64px);border-top:1px solid var(--line);color:var(--muted);font:12px/1.5 var(--mono)}
@media(max-width:1160px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.boundary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.map-study,.reachability{grid-template-columns:1fr}.grid-figure{justify-self:start}.change-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.timeline,.equivalence-grid,.history-windows{grid-template-columns:1fr}.timeline-item{border-right:0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-item::after{content:none}.signature-band{grid-template-columns:1fr}.signature-values div:first-child{border-left:0}.reachability-diagram{grid-template-columns:1fr}.reachability-diagram>i{min-height:45px;width:0;justify-self:center;border-top:0;border-left:2px solid var(--water)}.reachability-diagram>i::after{right:-4px;top:auto;bottom:0;transform:rotate(90deg)}}@media(max-width:760px){.hero-grid,.load-boundary{grid-template-columns:1fr}.snapshot-comparison{grid-template-columns:1fr}.metric-grid,.boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.state-row{grid-template-columns:1fr;gap:9px}}@media(max-width:520px){.metric-grid,.boundary-grid,.change-metrics{grid-template-columns:1fr}.signature-values{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-values div:nth-child(3){border-left:0;border-top:1px solid #4b5a54}.signature-values div:nth-child(4){border-top:1px solid #4b5a54}.state-bar{grid-template-columns:38px minmax(0,1fr) 78px}.map-study{padding-inline:16px}}