@font-face{font-family:"Newsreader";src:url(fonts/newsreader-latin.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Newsreader";src:url(fonts/newsreader-latin-ext.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:italic;src:url(fonts/newsreader-italic-400-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Newsreader";font-style:italic;src:url(fonts/newsreader-italic-400-latin-ext.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/IBMPlexSans-latin.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF,U+2212,U+23E9,U+23F8,U+27F2-27F3}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/IBMPlexSans-latin-ext.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}

:root{
 --bar:#f3ece2;--serif:"Newsreader",Georgia,serif;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--top:46px;
 --bg:#f3ece1;--bg2:#ebe2d4;--fg:#2a2420;--mut:#675d55;--line:#d9cdbd;--line-soft:#e4dace;--acc:#a8462f;--card:#fbf6ef;
 --paper:#fdf6ec;--fibre:rgba(150,108,72,.05);--grid:rgba(214,120,96,.24);--grid-major:rgba(190,92,68,.48);--grid-label:#9c5d4e;--band:rgba(98,160,128,.09);
 --ink:#251d1b;--ink-glow:transparent;--ink-uc:#3f5a74;--cut:#2f6a8c;--fog:rgba(253,246,236,.74);--pen:#c4482f;
 --vn:#2f7a5f;--vs:#c9962e;--vp:#c46a4e;--vu:#bfb5aa;--mon:#2f251f;--mon-fg:#f4ede4;--mon-mut:#b6aaa0;--shadow:0 30px 60px -30px rgba(70,40,20,.35),0 2px 6px rgba(70,40,20,.08);
}
:root[data-theme="dark"]{
 --bar:#101719;--bg:#0c1214;--bg2:#111a1d;--fg:#e4ebea;--mut:#9aaead;--line:#23343a;--line-soft:#1a282c;--acc:#f0896c;--card:#121c1f;
 --paper:#0d191c;--fibre:rgba(200,255,240,.018);--grid:rgba(98,176,164,.12);--grid-major:rgba(98,176,164,.27);--grid-label:#73a09a;--band:rgba(110,220,180,.055);
 --ink:#a6f3d8;--ink-glow:rgba(110,240,200,.55);--ink-uc:#e9b77f;--cut:#ffd38a;--fog:rgba(13,25,28,.8);--pen:#ff8d6b;
 --vn:#5cc4a6;--vs:#e5b24e;--vp:#f0806a;--vu:#53625f;--mon:#071012;--mon-fg:#cfeee4;--mon-mut:#7e9e98;--shadow:0 30px 70px -30px rgba(0,0,0,.8),0 0 0 1px rgba(120,220,190,.06);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top) + 14px)}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1.125rem/1.6 var(--serif);text-rendering:optimizeLegibility}
a{color:var(--acc)}
.skip-link{position:absolute;left:-999px;top:0;background:var(--card);color:var(--fg);padding:.5em 1em;z-index:60}
.skip-link:focus{left:8px;top:8px}
.wrap{max-width:42rem;margin:0 auto;padding:0 20px}
.wide{max-width:72rem;margin:0 auto;padding:0 20px}
section[id]{scroll-margin-top:calc(var(--top) + 10px)}

/* topbar */
.topbar{position:sticky;top:0;z-index:40;height:calc(var(--top) + var(--browser-safe-top,env(safe-area-inset-top)));padding:var(--browser-safe-top,env(safe-area-inset-top)) 14px 0;display:flex;align-items:center;gap:10px;
 background:var(--bar);border-bottom:1px solid var(--line-soft);font:500 .85rem/1 var(--sans);transition:border-color .3s}
.past-hero .topbar{border-bottom-color:var(--line-soft)}
.brand{display:flex;align-items:center;gap:7px;color:var(--fg);text-decoration:none;font-weight:600;white-space:nowrap}
.brand svg{width:20px;height:20px;color:var(--pen)}
.topnav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;min-width:0}
.topnav::-webkit-scrollbar{display:none}
.topnav a{color:var(--mut);text-decoration:none;padding:6px 8px;border-radius:6px;white-space:nowrap}
.topnav a:hover{color:var(--fg)}
.spacer{flex:1}
.chip{text-decoration:none;color:var(--mut);padding:6px 7px;border-radius:6px}
.chip[aria-current="page"]{color:var(--fg);background:var(--bg2)}
.icon-btn{background:none;border:1px solid var(--line);color:var(--fg);border-radius:8px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}
.icon-btn .i-moon{display:none}:root[data-theme="dark"] .icon-btn .i-sun{display:none}:root[data-theme="dark"] .icon-btn .i-moon{display:block}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
.progress i{display:block;height:100%;background:var(--pen);transform-origin:0 50%;transform:scaleX(0);opacity:.7}
@media(max-width:560px){.topnav{display:none}.brand span{font-size:.82rem}}

/* rail */
.rail{display:none}
@media(min-width:1380px){
.rail{--col:76rem;--gut:.6rem;display:flex;flex-direction:column;position:fixed;top:50%;left:calc(50% + var(--col)/2 + var(--gut));transform:translateY(-50%);z-index:35;margin:0;padding:.4rem 0;opacity:0;transition:opacity .4s}
.past-hero .rail{opacity:1}
.rail::before{content:"";position:absolute;left:calc(.875rem - .5px);top:1.1rem;bottom:1.1rem;width:1px;background:var(--line)}
.rail-dot{position:relative;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;text-decoration:none;border-radius:50%}
.rail-dot .dot{width:6px;height:6px;border-radius:50%;background:var(--mut);box-shadow:0 0 0 3px var(--bg);transition:transform .2s,background .2s;flex:none}
.rail-dot:hover .dot,.rail-dot:focus-visible .dot{background:var(--acc);transform:scale(1.25)}
.rail-dot[aria-current=true] .dot{background:var(--acc);transform:scale(1.45)}
.rail-label{position:absolute;right:calc(100% + .3rem);top:50%;transform:translate(6px,-50%);padding:.22rem .65rem;border:1px solid var(--line);border-radius:.5rem;background:var(--bg);color:var(--fg);font:600 .8rem/1.3 var(--sans);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.rail-dot:hover .rail-label,.rail-dot:focus-visible .rail-label{opacity:1;transform:translate(0,-50%)}
}

/* hero */
.hero{padding:clamp(16px,3vw,34px) 0 26px;background:radial-gradient(120% 70% at 50% 0%,var(--bg2),var(--bg) 70%)}
.kicker{text-wrap:balance;font:600 .78rem/1.3 var(--sans);letter-spacing:.06em;color:var(--acc);margin:0 0 .6rem}
h1{font:500 clamp(1.75rem,3.6vw,2.75rem)/1.07 var(--serif);letter-spacing:-.012em;margin:0;text-wrap:balance}
.deck{font-size:1.08rem;margin:0;color:var(--fg)}
.note{font:400 .84rem/1.4 var(--sans);color:var(--mut);margin:14px auto 0}
.hero-text{max-width:76rem;margin:0 auto 18px;padding:0 20px;display:grid;gap:12px}
@media(min-width:1000px){.hero-text{grid-template-columns:1.25fr 1fr;gap:40px;align-items:end;padding:0 36px}}
@media(min-width:1260px){.hero-text{padding:0 16px}}

/* the monitor */
.monitor{max-width:76rem;margin:0 auto;padding:16px;border-radius:18px;background:var(--mon);color:var(--mon-fg);box-shadow:var(--shadow);font-family:var(--sans)}
@media(min-width:900px){.monitor{margin:0 20px}}
@media(min-width:1260px){.monitor{margin:0 auto}}
.mon-head{display:flex;align-items:flex-end;gap:16px;padding:2px 6px 12px;flex-wrap:wrap}
.mon-id{display:flex;flex-direction:column;gap:2px;flex:1;min-width:12rem}
.mon-id b{font:600 .95rem/1.2 var(--sans);letter-spacing:.02em}
.mon-id span{font-size:.82rem;color:var(--mon-mut)}
.mon-read{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}
.mon-read b{font:300 2.5rem/1 var(--sans);letter-spacing:-.02em;color:var(--mon-fg);min-width:2.2ch;text-align:right}
.mon-read small{font-size:.72rem;color:var(--mon-mut);max-width:5rem;line-height:1.15}
.heart{width:12px;height:12px;border-radius:50%;background:var(--pen);opacity:.25;align-self:center}
.heart.on{animation:beat .43s infinite}
@keyframes beat{0%{opacity:.95;transform:scale(1.15)}30%{opacity:.35;transform:scale(.9)}100%{opacity:.25;transform:scale(.9)}}
.mon-clock{font:500 .9rem/1 var(--sans);color:var(--mon-mut);font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:right}
.strip-scroll{overflow:hidden;overflow-y:hidden;border-radius:6px;background:var(--paper);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(0,0,0,.25);-webkit-overflow-scrolling:touch;scrollbar-width:thin}
#strip{display:block}
.mon-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 2px 4px}
.mon-status{font-size:.82rem;color:var(--mon-mut)}
.btn{font:500 .9rem/1 var(--sans);border-radius:999px;padding:.62rem 1rem;min-height:40px;border:1px solid color-mix(in srgb,var(--mon-fg) 28%,transparent);background:transparent;color:var(--mon-fg);cursor:pointer}
.btn:hover{border-color:var(--mon-fg)}
.btn.primary{background:var(--pen);border-color:var(--pen);color:#fff}
.btn.primary:disabled{opacity:.4;cursor:not-allowed}
.btn.ghost{border-color:transparent;color:var(--mon-mut)}
.btn.ghost:hover{color:var(--mon-fg)}
.btn[data-on="1"]{color:var(--pen)}
.btn.sm{min-height:34px;padding:.45rem .8rem;font-size:.84rem}
:focus-visible{outline:2px solid var(--pen);outline-offset:2px}
.ask{display:grid;grid-template-columns:1fr 1fr auto;gap:14px 22px;align-items:end;padding:14px 6px 6px;border-top:1px solid color-mix(in srgb,var(--mon-fg) 12%,transparent);margin-top:8px}
@media(max-width:820px){.ask{grid-template-columns:1fr}}
.q{border:0;margin:0;padding:0;min-width:0}
.q legend{font:600 .95rem/1.3 var(--sans);margin-bottom:8px;padding:0}
.help{font-weight:400;font-size:.82rem;color:var(--mon-mut);margin-left:6px}
.opts{display:flex;flex-wrap:wrap;gap:6px}
.opt{font:500 .9rem/1.1 var(--sans);padding:.6rem .9rem;min-height:42px;border-radius:10px;border:1px solid color-mix(in srgb,var(--mon-fg) 22%,transparent);background:color-mix(in srgb,var(--mon-fg) 4%,transparent);color:var(--mon-fg);cursor:pointer;transition:background .15s,border-color .15s}
.opt:hover{border-color:color-mix(in srgb,var(--mon-fg) 60%,transparent)}
.opt[aria-pressed="true"]{background:var(--mon-fg);color:var(--mon);border-color:var(--mon-fg)}
.opt[data-cls="n"][aria-pressed="true"]{background:var(--vn);border-color:var(--vn);color:#fff}
.opt[data-cls="s"][aria-pressed="true"]{background:var(--vs);border-color:var(--vs);color:#1b1408}
.opt[data-cls="p"][aria-pressed="true"]{background:var(--vp);border-color:var(--vp);color:#fff}
.reveal{display:grid;grid-template-columns:1fr 1fr;gap:18px 34px;padding:16px 6px 6px;border-top:1px solid color-mix(in srgb,var(--mon-fg) 12%,transparent);margin-top:8px;animation:rise .5s ease-out}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:820px){.reveal{grid-template-columns:1fr}}
.reveal h3{font:600 .78rem/1.3 var(--sans);letter-spacing:.06em;text-transform:none;color:var(--mon-mut);margin:0 0 10px}
.votes{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.vd{width:22px;height:22px;border-radius:50%;display:inline-block}
.vd-p{background:var(--vp)}.vd-s{background:var(--vs)}.vd-n{background:var(--vn)}.vd-u{background:transparent;border:1.5px dashed var(--vu)}
.vlegend{flex-basis:100%;font-size:.88rem;margin-top:6px;color:var(--mon-fg)}
.vlegend span{color:var(--mon-mut)}
.lp{color:var(--vp)}.ls{color:var(--vs)}.ln{color:var(--vn)}
.rv-sub{font-size:.88rem;color:var(--mon-mut);margin:6px 0 0}
.rv-you{font-size:.95rem;margin:12px 0 0;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--mon-fg) 7%,transparent);display:inline-block}
.rv-ph{margin:14px 0 0;display:flex;flex-direction:column;gap:4px}
.rv-ph b{font:500 clamp(2.6rem,5vw,3.6rem)/1 var(--serif);letter-spacing:-.01em}
.rv-ph span{font-size:.95rem}
.rv-ph.band-n b{color:var(--vn)}.rv-ph.band-m b{color:var(--vs)}.rv-ph.band-a b{color:var(--vp)}
.rv-note{font:italic 400 1.12rem/1.45 var(--serif);color:var(--mon-fg);margin:12px 0 0;opacity:.9}
.rv-next{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.gauge{padding:4px 0 0}
.gbar{position:relative;height:12px;border-radius:6px;overflow:visible;background:color-mix(in srgb,var(--mon-fg) 8%,transparent)}
.gz{position:absolute;top:0;bottom:0}
.gz-a{background:color-mix(in srgb,var(--vp) 70%,transparent);border-radius:6px 0 0 6px}.gz-m{background:color-mix(in srgb,var(--vs) 60%,transparent)}.gz-n{background:color-mix(in srgb,var(--vn) 60%,transparent);border-radius:0 6px 6px 0}
.gmark{position:absolute;top:-7px;width:3px;height:26px;margin-left:-1.5px;background:var(--mon-fg);border-radius:2px;box-shadow:0 0 0 3px var(--mon);animation:slide .9s cubic-bezier(.2,.8,.2,1)}
@keyframes slide{from{left:50%!important;opacity:0}}
.gticks{position:relative;height:16px;font-size:.72rem;color:var(--mon-mut)}
.gt{position:absolute;transform:translateX(-50%);top:4px}

/* tally + share */
.tally{padding-top:26px;font-family:var(--sans);font-size:.95rem}
.h-small{font:600 1rem/1.3 var(--sans);margin:0 0 6px}
.tally p{margin:.3rem 0}
.tally table{width:100%;border-collapse:collapse;margin:10px 0 4px;font-size:.88rem}
.tally th{text-align:left;font-weight:500;color:var(--mut);border-bottom:1px solid var(--line);padding:4px 6px}
.tally td{padding:5px 6px;border-bottom:1px solid var(--line-soft)}
.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.8rem;border:1px solid var(--line)}
.pl-n{color:var(--vn);border-color:color-mix(in srgb,var(--vn) 50%,transparent)}.pl-s{color:var(--vs);border-color:color-mix(in srgb,var(--vs) 50%,transparent)}.pl-p{color:var(--vp);border-color:color-mix(in srgb,var(--vp) 50%,transparent)}.pl-x{color:var(--mut)}
.phv{font-variant-numeric:tabular-nums;font-weight:600}.ph-n{color:var(--vn)}.ph-m{color:var(--vs)}.ph-a{color:var(--vp)}
.linkish{background:none;border:0;color:var(--acc);font:inherit;cursor:pointer;padding:0;text-decoration:underline}
.share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 6px}
.sh-label{font-size:.85rem;color:var(--mut);margin-right:2px}
.sh{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-soft);background:transparent;color:var(--fg);display:inline-grid;place-items:center;cursor:pointer;text-decoration:none}
.sh svg{width:18px;height:18px}
.sh:hover,.sh:focus-visible{color:var(--acc);border-color:var(--acc)}
@media(pointer:coarse){.sh{width:44px;height:44px}}
.sh-status{font-size:.82rem;color:var(--mut)}
.tally-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.clear{color:var(--mut);border:1px solid var(--line);padding:.5rem .9rem}
.tally .btn{color:var(--fg)}

/* sections */
.sec{padding:54px 0 10px}
h2{font:500 clamp(1.45rem,3vw,2rem)/1.15 var(--serif);margin:0 0 .8rem;letter-spacing:-.005em;text-wrap:balance}
h3{font:600 1.02rem/1.3 var(--sans);margin:1.4rem 0 .4rem}
p{margin:0 0 1rem}
.ref{font:600 .68em/1 var(--sans);vertical-align:super;text-decoration:none;margin-left:1px;color:var(--acc)}
.cohort-box{position:relative;margin:18px auto 22px}
.cohort-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}
.tab{font:500 .85rem/1 var(--sans);padding:.55rem .9rem;min-height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--mut);cursor:pointer}
.tab[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.cohort-svg{display:block;width:100%;height:auto}
.cohort-ylab{font:600 .8rem/1.3 var(--sans);color:var(--mut);margin:6px 0 0}
.cohort-svg .row-alt{fill:color-mix(in srgb,var(--fg) 2.5%,transparent)}
.cohort-svg .zone-low{fill:color-mix(in srgb,var(--vs) 6%,transparent)}
.cohort-svg .th{stroke:var(--vn);stroke-width:1;stroke-dasharray:3 3}.cohort-svg .th2{stroke:var(--vp);stroke-width:1;stroke-dasharray:3 3}
.cohort-svg .thl{font:500 10px var(--sans);fill:var(--mut)}
.cohort-svg .axl{font:400 10.5px var(--sans);fill:var(--mut)}.cohort-svg .axt{font:500 11px var(--sans);fill:var(--mut)}
.cohort-svg .d{transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .4s;stroke:var(--bg);stroke-width:.8;cursor:pointer}
.cohort-svg .d-n{fill:var(--vn)}.cohort-svg .d-m{fill:var(--vs)}.cohort-svg .d-a{fill:var(--vp)}
.cohort-svg .d.seen{stroke:var(--fg);stroke-width:1.8}
.cohort-svg .d.on{stroke:var(--fg);stroke-width:2.4}
.dot-card{position:absolute;z-index:5;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 34px 10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.18);font:400 .88rem/1.35 var(--sans);max-width:17rem}
.dot-card p{margin:0 0 8px}
.dot-card .x{position:absolute;right:4px;top:4px;width:28px;height:28px;border:0;background:none;color:var(--mut);font-size:1.1rem;cursor:pointer}
.dot-card .btn{color:#fff}
table.facts{width:100%;border-collapse:collapse;font:400 .92rem/1.35 var(--sans);margin:10px 0 18px}
table.facts caption{text-align:left;font-weight:600;padding-bottom:6px}
table.facts th{text-align:left;font-weight:400;padding:6px 0;border-bottom:1px solid var(--line-soft)}
table.facts td{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;border-bottom:1px solid var(--line-soft)}
.feats{align-items:start;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:18px;margin:14px auto 18px}
.feat{background:var(--card);border:1px solid var(--line-soft);border-radius:12px;padding:10px 14px 4px}
.feat h3{margin:.6rem 0 .3rem}
.feat p{font-size:1rem;line-height:1.5}
canvas.mini{display:block;width:100%;height:150px;border-radius:6px}
.why{border-left:2px solid var(--line);padding-left:14px;margin:0 0 14px}
.why h3{margin-top:.2rem}
figure.eu{margin:14px 0 18px}
.eu-chart{width:100%;height:auto;display:block}
.eu-chart .g{stroke:var(--line-soft)}.eu-chart .ax{font:400 8px var(--sans);fill:var(--mut)}
.eu-chart .lab{font:500 8px var(--sans);fill:var(--mut)}.eu-chart .val{font:500 7.5px var(--sans);fill:var(--mut)}
.eu-chart rect{fill:color-mix(in srgb,var(--mut) 40%,transparent)}
.eu-chart .ro rect{fill:var(--acc)}.eu-chart .ro .lab,.eu-chart .ro .val{fill:var(--acc);font-weight:700}
.eu-chart .cz rect{fill:var(--cut)}.eu-chart .cz .lab,.eu-chart .cz .val{fill:var(--cut);font-weight:700}
.method p{font-size:1rem}
.sources{font:400 .86rem/1.45 var(--sans);padding-left:1.3rem}
.sources li{margin-bottom:.45rem;word-break:break-word}
.site-footer{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;padding:30px 16px 46px;margin-top:40px;border-top:1px solid var(--line);font:400 .85rem/1.4 var(--sans);color:var(--mut)}
.site-footer a{color:var(--mut)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:560px){body{font-size:1.06rem}.monitor{border-radius:0;padding:12px 10px}.mon-read b{font-size:2rem}.wrap,.wide{padding:0 16px}}
.tally .act{font-size:.78rem;color:var(--mut);margin-left:4px}

:root[data-theme="dark"] .rv-ph.band-n b{color:var(--vn)}
.monitor.done .mon-ctl #b-play,.monitor.done .mon-ctl #b-skip{display:none}
.cohort-seen{font:400 .82rem/1.3 var(--sans);color:var(--mut);display:flex;align-items:center;gap:8px;margin:4px 0 0}
.cohort-seen i{width:9px;height:9px;border-radius:50%;border:1.8px solid var(--fg)}
.cohort-svg .thl.th{fill:var(--vn);font-weight:600}.cohort-svg .thl.th2{fill:var(--vp);font-weight:600}
:root[data-theme="dark"]{--vp:#e98a6c}
.monitor{--vn:#62c29f;--vs:#e3b252;--vp:#ec8566}

.btn.primary:disabled{background:transparent;border-color:color-mix(in srgb,var(--mon-fg) 25%,transparent);color:var(--mon-mut);opacity:1}
.monitor.done .mon-ctl{padding-top:8px}
.reveal{align-items:start}
.cohort-svg .last-tag{font:600 10px var(--sans);fill:var(--fg)}
:root[data-theme="dark"]{--ink:#f2e3c6;--ink-glow:rgba(255,214,150,.45);--ink-uc:#86cbbb}
:root[data-theme="dark"] .monitor{box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.07)}

.monitor{padding:12px;border-radius:16px}
:root:not([data-theme="dark"]){--mon:#3a2f28}
.rv-wide{grid-column:1/-1;border-top:1px solid color-mix(in srgb,var(--mon-fg) 10%,transparent);padding-top:12px}
.rv-born{font-size:.95rem;margin:0;color:var(--mon-fg)}
.rv-wide .rv-note{margin-top:6px;max-width:58rem}
.monitor{--vp:#d98a6a}
:root[data-theme="dark"] .monitor{--vp:#e39a7c}
.cohort-svg .thl,.cohort-svg .last-tag{paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}
@media(max-width:560px){.hero .kicker{display:none}}