:root{color-scheme:light;--paper:#f2f4f0;--panel:rgba(255,255,252,.96);--ink:#162321;--muted:#63716e;--line:#c5ceca;--teal:#176b66;--teal-soft:#dcece8;--navy:#31536f;--navy-soft:#e0e8ef;--coral:#bd4b35;--coral-soft:#f2ddd4;--gold:#94732e;--gold-soft:#eee5cf;--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 92% 4%,rgba(49,83,111,.11),transparent 32rem),linear-gradient(rgba(23,107,102,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,107,102,.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) 56px;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(--coral);font:700 12px/1.25 var(--mono);letter-spacing:.16em;text-transform:uppercase}h1{max-width:1080px;margin:0;font:500 clamp(48px,6.5vw,96px)/.93 var(--serif);letter-spacing:-.045em}.hero-copy{max-width:900px;margin:28px 0 0;color:#4e5d59;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:15px 18px;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:.1em;text-transform:uppercase}.hero-meta dd{min-width:0;margin:0;font:12px/1.45 var(--mono);overflow-wrap:anywhere}
.clinical-banner{display:flex;justify-content:center;align-items:center;gap:24px;padding:15px clamp(18px,5vw,72px);color:#713322;border-bottom:1px solid #d5a995;background:var(--coral-soft)}.clinical-banner strong{flex:none;font:700 12px/1.3 var(--mono);letter-spacing:.1em}.clinical-banner p{margin:0;font-size:13px;line-height:1.5}.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)}.cohort-study,.trajectory-study,.timeline-study,.comparison-study,.source-study,.load-boundary,.boundary{margin-top:36px}.section-heading{max-width:960px}.section-heading h2,.trajectory-heading h2,.source-study h2,.load-boundary h2{margin:0;font:500 clamp(34px,4vw,58px)/.98 var(--serif);letter-spacing:-.028em}.section-heading>p:last-child,.source-study>div>p:last-child,.load-boundary p:last-child{margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.62}.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:#fffffc}.metric-card strong{display:block;color:var(--teal);font:500 clamp(32px,4vw,54px)/1 var(--serif)}.metric-card span{display:block;margin-top:9px;color:var(--muted);font:12px/1.35 var(--mono);text-transform:uppercase}.metric-card:nth-last-child(-n+2) strong{color:var(--coral)}
.cohort-study{padding:clamp(24px,4vw,48px);border:1px solid var(--line);background:var(--navy-soft)}.patient-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:28px}.patient-button{display:grid;min-width:0;min-height:128px;align-content:start;padding:17px;color:inherit;border:1px solid #a8b8c5;background:#fff;cursor:pointer;text-align:left}.patient-button:hover,.patient-button:focus-visible{border-color:var(--navy);outline:none}.patient-button[data-active=true]{color:#fff;border-color:var(--navy);background:var(--navy)}.patient-button span{font:700 12px/1.2 var(--mono);letter-spacing:.1em}.patient-button strong{margin-top:19px;font:600 13px/1.4 var(--mono);overflow-wrap:anywhere}.patient-button small{margin-top:8px;color:var(--muted);font:12px/1.35 var(--mono)}.patient-button[data-active=true] small{color:#dbe6ed}
.trajectory-study{padding:clamp(24px,4vw,48px);border:1px solid var(--line);background:#e8ece7}.trajectory-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.trajectory-summary{max-width:530px;margin:0;color:var(--muted);font:12px/1.55 var(--mono)}.trajectory-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:30px}.frame-panel,.history-panel{min-width:0;border:1px solid var(--line);background:#fff}.frame-panel>header,.history-panel>header{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:20px;border-bottom:1px solid var(--line)}.frame-panel>header span,.history-panel>header span{color:var(--coral);font:700 12px/1.2 var(--mono);letter-spacing:.08em}.frame-panel>header h3,.history-panel>header h3{margin:8px 0 0;font:500 27px/1.05 var(--serif)}.frame-panel>header>strong,.history-panel>header>strong{max-width:210px;color:var(--teal);font:700 12px/1.45 var(--mono);text-align:right;overflow-wrap:anywhere}.frame-panel>footer,.history-panel>footer{padding:16px 20px;color:var(--muted);border-top:1px solid var(--line);font-size:12px;line-height:1.55}.frame-labs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:18px}.lab-card{min-width:0;border:1px solid var(--line);background:#fafcf9}.lab-card header{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.lab-card header span{font-weight:700}.lab-card code{color:var(--muted);font-size:12px}.lab-reading{display:flex;align-items:baseline;gap:8px;padding:20px 14px}.lab-reading strong{color:var(--navy);font:500 42px/1 var(--serif)}.lab-reading small{color:var(--muted);font:12px/1.2 var(--mono)}.lab-card footer{display:grid;gap:6px;padding:11px 14px;border-top:1px solid var(--line)}.lab-card time,.lab-card footer span{font:12px/1.35 var(--mono);overflow-wrap:anywhere}.lab-card time{color:var(--muted)}.source-flag{color:var(--coral)}.source-unflagged{color:var(--teal)}.frame-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0 18px 18px}.frame-facts div{min-width:0;padding:13px;border:1px solid var(--line);border-right:0}.frame-facts div:nth-child(2n){border-right:1px solid var(--line)}.frame-facts div:nth-child(n+3){border-top:0}.frame-facts dt{color:var(--muted);font:12px/1.25 var(--mono);text-transform:uppercase}.frame-facts dd{margin:6px 0 0;font:12px/1.45 var(--mono);overflow-wrap:anywhere}.history-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px}.history-metrics article{min-width:0;padding:14px;border:1px solid var(--line);background:#fafcf9}.history-metrics strong{display:block;color:var(--teal);font:500 32px/1 var(--serif)}.history-metrics span{display:block;margin-top:8px;color:var(--muted);font:12px/1.35 var(--mono)}.history-windows{display:grid;gap:14px;padding:4px 18px 20px}.window-row>div:first-child{display:flex;justify-content:space-between;gap:20px;margin-bottom:6px}.window-row strong,.window-row span{font:12px/1.35 var(--mono)}.window-row span{color:var(--muted)}.window-track{height:9px;background:#e4e8e5}.window-track i{display:block;height:100%;min-width:3px;background:linear-gradient(90deg,var(--teal),#5b9e91)}
.timeline-head{display:flex;justify-content:space-between;gap:35px;align-items:end}.event-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:640px}.choice-button{padding:9px 12px;color:var(--teal);border:1px solid #8eaaa5;background:#fff;cursor:pointer;font:700 12px/1.25 var(--mono)}.choice-button:hover,.choice-button:focus-visible{border-color:var(--teal);background:var(--teal-soft);outline:none}.choice-button[data-active=true]{color:#fff;border-color:var(--teal);background:var(--teal)}.timeline-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:12px;margin-top:28px;align-items:start}.event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:680px;overflow:auto;padding-right:5px}.event-button{display:grid;min-width:0;min-height:112px;align-content:start;padding:14px;color:inherit;border:1px solid var(--line);background:#fbfcf9;cursor:pointer;text-align:left}.event-button:hover,.event-button:focus-visible{border-color:var(--navy);outline:none}.event-button[data-active=true]{border-color:var(--navy);box-shadow:inset 4px 0 var(--navy);background:var(--navy-soft)}.event-button span{color:var(--coral);font:700 12px/1.2 var(--mono);text-transform:uppercase}.event-button strong{display:-webkit-box;margin-top:8px;overflow:hidden;font-size:13px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.event-button time{margin-top:auto;padding-top:10px;color:var(--muted);font:12px/1.35 var(--mono)}.event-inspector{position:sticky;top:18px;min-width:0;border:1px solid #9eb6b1;background:var(--teal-soft)}.event-inspector article>header{display:grid;gap:6px;padding:17px 19px;border-bottom:1px solid #a8c0ba}.event-inspector header span{color:var(--teal);font:700 12px/1.2 var(--mono);text-transform:uppercase}.event-inspector header time{font:12px/1.4 var(--mono)}.event-inspector h3{margin:0;padding:20px 19px 14px;font:500 25px/1.12 var(--serif)}.event-inspector dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0 19px 19px}.event-inspector dl div{min-width:0;padding:12px;border:1px solid #adc3bd;border-right:0;background:#fff}.event-inspector dl div:nth-child(2n){border-right:1px solid #adc3bd}.event-inspector dl div:nth-child(n+3){border-top:0}.event-inspector dt{color:var(--muted);font:12px/1.2 var(--mono);text-transform:uppercase}.event-inspector dd{margin:6px 0 0;font:12px/1.45 var(--mono);overflow-wrap:anywhere}.inspector-boundary{margin:0;padding:15px 19px;color:#6d3424;border-top:1px solid #d5a995;background:var(--coral-soft);font:12px/1.55 var(--mono)}.empty-events{margin:0;padding:24px;color:var(--muted);font:13px/1.55 var(--mono)}
.comparison-frames{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin-top:30px}.comparison-frame{min-width:0;border:1px solid var(--line);background:#fff}.comparison-frame header{display:flex;justify-content:space-between;gap:15px;padding:16px 18px;color:#fff;background:var(--navy)}.comparison-frame header span{font:700 18px/1 var(--mono)}.comparison-frame header strong{font-size:13px;text-align:right}.comparison-frame dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:14px}.comparison-frame dl div{min-width:0;padding:12px;border:1px solid var(--line);border-right:0}.comparison-frame dl div:nth-child(2n){border-right:1px solid var(--line)}.comparison-frame dl div:nth-child(n+3){border-top:0}.comparison-frame dt{color:var(--muted);font:12px/1.2 var(--mono)}.comparison-frame dd{margin:6px 0 0;font:700 14px/1.3 var(--mono)}.comparison-frame footer{padding:12px 18px;color:var(--muted);border-top:1px solid var(--line);font:12px/1.35 var(--mono)}.comparison-marker{max-width:150px;color:var(--coral);font:700 12px/1.45 var(--mono);text-align:center}.comparison-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.comparison-history-card{padding:18px;border:1px solid var(--line);background:var(--gold-soft)}.comparison-history-card>span{color:var(--gold);font:700 12px/1.2 var(--mono)}.comparison-history-card>strong{display:block;margin-top:9px;font:500 31px/1 var(--serif)}.comparison-history-card dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:16px 0 0}.comparison-history-card dl div{min-width:0;padding:10px;border-left:1px solid #d4c39c}.comparison-history-card dt{color:var(--muted);font:12px/1.35 var(--mono)}.comparison-history-card dd{margin:7px 0 0;font:700 16px/1 var(--mono)}
.source-study{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:42px;padding:clamp(24px,4vw,48px);border:1px solid var(--line);background:var(--navy-soft)}.source-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-self:center}.source-inventory article{min-width:0;padding:17px;border:1px solid #afbec9;background:#fff}.source-inventory strong{display:block;color:var(--navy);font:500 34px/1 var(--serif)}.source-inventory span{display:block;margin-top:8px;color:var(--muted);font:12px/1.35 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:#e9e8df}.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:#fffffc}.boundary-grid span{color:var(--coral);font:700 12px/1.2 var(--mono);letter-spacing:.06em}.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:#fff;color:var(--teal);font-size:12px;text-underline-offset:3px}.fatal-error{margin:30px;padding:20px;color:#7d2819;border:1px solid var(--coral);background:var(--coral-soft)}.study-footer{padding:28px clamp(18px,4vw,64px);color:var(--muted);border-top:1px solid var(--line);font:12px/1.55 var(--mono)}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.patient-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.trajectory-grid,.source-study{grid-template-columns:1fr}.timeline-head,.trajectory-heading{align-items:start;flex-direction:column}.event-controls{justify-content:flex-start}.boundary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-history-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.hero-grid,.load-boundary,.timeline-layout{grid-template-columns:1fr}.clinical-banner{align-items:flex-start;flex-direction:column;gap:7px}.patient-controls,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-inspector{position:static}.comparison-frames{grid-template-columns:1fr}.comparison-marker{max-width:none;padding:7px}.comparison-history{grid-template-columns:1fr}.boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.metric-grid,.patient-controls,.frame-labs,.history-metrics,.event-list,.source-inventory,.boundary-grid{grid-template-columns:1fr}.frame-facts,.event-inspector dl,.comparison-frame dl{grid-template-columns:1fr}.frame-facts div,.event-inspector dl div,.comparison-frame dl div{border-right:1px solid var(--line)}.frame-facts div:nth-child(n+2),.event-inspector dl div:nth-child(n+2),.comparison-frame dl div:nth-child(n+2){border-top:0}.frame-panel>header,.history-panel>header{flex-direction:column}.frame-panel>header>strong,.history-panel>header>strong{text-align:left}.comparison-history-card dl{grid-template-columns:1fr}.comparison-history-card dl div{border-left:0;border-top:1px solid #d4c39c}.hero{padding-top:42px}}