:root{color-scheme:light;--paper:#f2f0e9;--panel:rgba(255,255,251,.97);--ink:#172220;--muted:#626e69;--line:#c7c8bf;--teal:#176c65;--teal-soft:#dcece8;--blue:#325f78;--blue-soft:#dfe9ef;--orange:#c04b2b;--orange-soft:#f3dfd5;--gold:#917029;--gold-soft:#f1e7cf;--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 89% 2%,rgba(50,95,120,.1),transparent 30rem),linear-gradient(rgba(23,108,101,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,108,101,.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{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:60px;align-items:end}.eyebrow,.section-kicker{margin:0 0 14px;color:var(--orange);font:700 12px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase}h1{margin:0;max-width:1040px;font:500 clamp(50px,7.2vw,106px)/.91 var(--serif);letter-spacing:-.045em}.hero-copy{max-width:900px;margin:28px 0 0;color:#4d5955;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{border:1px solid var(--line);background:var(--panel)}.overview,.flagship,.rank-study,.trajectories,.context,.boundary{padding:clamp(24px,4vw,48px)}.flagship,.rank-study,.trajectories,.outcome-flow,.context,.load-boundary,.boundary{margin-top:36px}.section-heading{max-width:980px}.section-heading h2,.outcome-flow h2,.load-boundary h2{margin:0;font:500 clamp(34px,4vw,58px)/.98 var(--serif);letter-spacing:-.025em}.section-heading>p:last-child,.outcome-flow>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(--teal);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}
.endpoint-comparison{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:stretch;gap:0;margin-top:30px}.endpoint-card{min-width:0;border:1px solid var(--line);background:#fffffb}.endpoint-card header{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;color:white;background:var(--blue);font:700 12px/1.3 var(--mono)}.endpoint-card.unit-72 header{background:var(--teal)}.rul-reading{display:grid;justify-items:start;padding:24px}.rul-reading span{color:var(--muted);font:700 12px/1.2 var(--mono);letter-spacing:.08em}.rul-reading strong{margin-top:5px;color:var(--blue);font:500 clamp(65px,8vw,112px)/.8 var(--serif)}.unit-72 .rul-reading strong{color:var(--teal)}.rul-reading small{margin-top:14px;color:var(--muted);font:12px/1.3 var(--mono)}.endpoint-facts{margin:0;border-top:1px solid var(--line)}.endpoint-facts div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:12px 15px;border-bottom:1px solid var(--line)}.endpoint-facts div:last-child{border:0}.endpoint-facts dt,.endpoint-facts dd{margin:0;font:12px/1.4 var(--mono)}.endpoint-facts dt{color:var(--muted)}.endpoint-facts dd{text-align:right}.pair-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:18px 12px;color:white;background:var(--ink);text-align:center}.pair-result span,.pair-result small{font:12px/1.35 var(--mono)}.pair-result strong{margin:12px 0 5px;font:500 24px/1 var(--mono)}.pair-result b{margin-top:18px;padding:7px;color:var(--ink);background:var(--gold-soft);font:700 12px/1.2 var(--mono)}
.choice-controls{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 15px}.choice-button{min-width:0;padding:9px 12px;text-align:left;border:1px solid var(--line);background:#fffffb;cursor:pointer}.choice-button span{margin-right:7px;color:var(--orange);font:700 12px/1 var(--mono)}.choice-button strong{font-size:12px}.choice-button:hover{border-color:var(--teal)}.choice-button[data-active=true]{color:white;border-color:var(--teal);background:var(--teal)}.choice-button[data-active=true] span{color:#dcf5ef}.choice-button:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 35%,transparent);outline-offset:2px}
.rank-card{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid var(--line);background:#fffffb}.rank-number{display:grid;align-content:center;justify-items:center;padding:25px;color:white;background:var(--blue)}.rank-number span{font:700 12px/1.2 var(--mono);letter-spacing:.1em}.rank-number strong{font:500 82px/.9 var(--serif)}.rank-number small{margin-top:12px;font:12px/1.3 var(--mono);text-align:center}.rank-copy{padding:25px}.rank-copy>span{color:var(--orange);font:700 12px/1.3 var(--mono);text-transform:uppercase}.rank-copy h3{margin:8px 0;font:500 30px/1.05 var(--serif)}.rank-copy p{max-width:850px;margin:0;color:var(--muted);line-height:1.55}.rank-copy code{display:inline-block;margin-top:15px;padding:7px 9px;background:var(--blue-soft);font-size:12px}.rank-map{display:grid;gap:12px;margin-top:22px}.rank-map article{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(240px,1.25fr) 70px;align-items:center;gap:14px;padding:9px 12px;border-left:4px solid transparent}.rank-map article.active{border-color:var(--orange);background:var(--orange-soft)}.rank-map article>div:first-child{display:flex;justify-content:space-between;gap:12px}.rank-map strong,.rank-map span,.rank-map b{font:12px/1.35 var(--mono)}.rank-map span{color:var(--muted)}.rank-map b{text-align:right}.rank-track{height:14px;background:#e4e4dc}.rank-fill{display:block;min-width:3px;height:100%;background:var(--teal)}
.trajectory-chart{border:1px solid var(--line);background:#fffffb}.chart-scroll{overflow-x:auto}.trajectory-chart svg{display:block;min-width:800px;width:100%;height:auto}.chart-grid{stroke:#d8dad3;stroke-width:1}.axis-label,.axis-title{fill:var(--muted);font:12px var(--mono)}.chart-heading{fill:var(--ink);font:700 12px var(--mono);letter-spacing:.08em}.trajectory-line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.trajectory-line.unit-25{stroke:var(--blue)}.trajectory-line.unit-72{stroke:var(--teal)}.trajectory-end.unit-25{fill:var(--blue)}.trajectory-end.unit-72{fill:var(--teal)}.trajectory-label{font:700 12px var(--mono);paint-order:stroke;stroke:#fffffb;stroke-width:6;stroke-linejoin:round}.trajectory-label.unit-25{fill:var(--blue)}.trajectory-label.unit-72{fill:var(--teal)}.chart-legend{display:flex;flex-wrap:wrap;gap:18px;padding:13px 16px;border-top:1px solid var(--line);font:12px/1.4 var(--mono)}.chart-legend span::before{display:inline-block;width:22px;margin-right:7px;border-top:3px solid;content:"";vertical-align:middle}.chart-legend span.unit-25::before{border-color:var(--blue)}.chart-legend span.unit-72::before{border-color:var(--teal)}.chart-legend small{margin-left:auto;color:var(--muted);font:inherit}
.outcome-flow{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:45px;padding:clamp(24px,4vw,48px);color:white;background:var(--ink)}.outcome-flow .section-kicker{color:#ef9278}.outcome-flow>div>p:last-child{color:#bac5c1}.outcome-diagram{display:grid;gap:12px}.outcome-unit{display:grid;grid-template-columns:minmax(0,.9fr) 150px minmax(0,.75fr);align-items:center;border:1px solid #52615d}.outcome-endpoint,.outcome-result{display:grid;padding:16px}.outcome-endpoint span,.outcome-result span,.outcome-result small{color:#aebbb7;font:12px/1.35 var(--mono)}.outcome-endpoint strong{margin-top:6px;font-size:15px}.outcome-result{background:#25332f}.outcome-result strong{margin:4px 0;color:#e6b058;font:500 46px/.9 var(--serif)}.outcome-arrow{display:flex;align-items:center;position:relative;height:100%}.outcome-arrow i{display:block;width:100%;border-top:2px solid #e6b058}.outcome-arrow i::after{position:absolute;right:0;top:calc(50% - 5px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #e6b058;content:""}.outcome-arrow span{position:absolute;left:50%;top:calc(50% - 25px);transform:translateX(-50%);white-space:nowrap;color:#e6b058;background:var(--ink);font:12px/1 var(--mono)}.outcome-warning{margin:4px 0 0;padding:12px;color:#efd8a7;border:1px solid #7a6438;background:#312d24;font:12px/1.5 var(--mono)}
.context-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.8fr);gap:45px;align-items:center}.context-box{border:1px solid var(--line);background:#fffffb}.context-ranks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.context-ranks div{display:grid;padding:18px;border-right:1px solid var(--line)}.context-ranks div:last-child{border:0;background:var(--teal-soft)}.context-ranks span,.context-ranks small{color:var(--muted);font:12px/1.35 var(--mono)}.context-ranks strong{color:var(--blue);font:500 54px/.95 var(--serif)}.context-ranks div:last-child strong{color:var(--teal)}.context-box>p{margin:0;padding:15px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.55}.context-tags{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-top:1px solid var(--line)}.context-tags span{padding:6px 7px;color:var(--teal);background:var(--teal-soft);font:12px/1.25 var(--mono)}
.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(--gold);background:var(--gold-soft)}.undefined-value strong{font:500 96px/.65 var(--serif)}.undefined-value span{margin-top:18px;color:var(--gold);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(--orange);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(--teal);font-size:12px;text-underline-offset:3px}.fatal-error{margin:30px;padding:20px;color:#7d2819;border:1px solid var(--orange);background:var(--orange-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))}.outcome-flow,.context-layout{grid-template-columns:1fr}}@media(max-width:850px){.endpoint-comparison{grid-template-columns:1fr}.pair-result{min-height:150px}.rank-card{grid-template-columns:1fr}.rank-map article{grid-template-columns:1fr}.rank-map article>div:first-child{justify-content:flex-start}.rank-map article>div:first-child span{margin-left:auto}.rank-map article>b{text-align:left}.outcome-unit{grid-template-columns:1fr}.outcome-arrow{min-height:55px;transform:rotate(90deg)}.outcome-arrow span{transform:translateX(-50%) rotate(-90deg)}.chart-legend small{width:100%;margin-left:0}}@media(max-width:760px){.hero-grid,.load-boundary{grid-template-columns:1fr}.metric-grid,.boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.metric-grid,.boundary-grid,.context-ranks{grid-template-columns:1fr}.context-ranks div{border-right:0;border-bottom:1px solid var(--line)}}
