/* Aspen: the shared design system for every page. Cells on a 1px rule grid, giant type, mono labels, radius 0. */
/* a fallback face scaled to Inter Tight's widths, so text wraps the same before and after the web font arrives */
@font-face{font-family:"Inter Tight Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:97.2%}
/* the Aspen palette */
:root{
  --bg:#FFFFFF;
  --ink:#232323;
  --dark:#232323;
  --grey:#D9D9D9;
  --surface:#A3FBCB;
  --accent:#057F3C;
  --accent-d:#0AF474;
  --people:#232323;
  --muted:#5C5C5C;
  --soft:#959595;
}
:root{
  --on-dark:var(--bg);
  --on-dark-2:color-mix(in srgb,var(--bg) 66%,var(--dark));
  --on-dark-3:color-mix(in srgb,var(--bg) 16%,var(--dark));
  --rule:var(--ink);
  --hair:color-mix(in srgb,var(--ink) 20%,transparent);
  --hair-d:color-mix(in srgb,var(--bg) 22%,transparent);
  --empty:color-mix(in srgb,var(--ink) 26%,transparent);
  --wire:color-mix(in srgb,var(--bg) 58%,var(--dark));
  /* 'good for the other side' on a meter: the same halftone dot as the people band, at every width */
  --hatch:radial-gradient(circle,var(--ink) 1px,transparent 1.3px) 0 0/4px 4px;
  /* people's range in a chart: always a halftone dot band, never hatching or a grey fill */
  --ppl-dots:radial-gradient(currentColor 1.1px,transparent 1.3px) 0 0/5px 5px;
  --navh:60px; --pad:24px;
  --sans:"Inter Tight","Inter Tight Fallback",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border-radius:0}
html{background:var(--bg);-webkit-text-size-adjust:97.2%}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:450;letter-spacing:-.04em;
  line-height:1.12;font-size:16px;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3{font-weight:450}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:9;background:var(--dark);color:var(--on-dark);padding:8px}

.dots{background:var(--ppl-dots);color:color-mix(in srgb,var(--ink) 55%,transparent)}
.bk .dots{color:color-mix(in srgb,var(--bg) 45%,transparent)}

/* grid */
main{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--rule)}
.g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule)}
.c{position:relative;min-width:0;padding:var(--pad);overflow:hidden;background:var(--bg)}
.bk{background:var(--dark);color:var(--on-dark)}
.mt{background:var(--surface);color:var(--ink)}
.gy{background:var(--grey);color:var(--ink)}
.ht{padding:0}
.col{display:flex;flex-direction:column}

/* type */
.lbl{font-family:var(--mono);font-size:11px;line-height:1.45;letter-spacing:.02em;text-transform:uppercase;font-weight:400}
.sqr::before{content:"";display:inline-block;width:7px;height:7px;background:currentColor;margin-right:10px;vertical-align:1px}
.big{font-size:32px;line-height:1.08;letter-spacing:-.04em}
.mid{font-size:22px;line-height:1.1;letter-spacing:-.035em}
.sm{font-size:15px;line-height:1.28;letter-spacing:-.02em}
.h56{font-size:56px;line-height:.92;letter-spacing:-.05em;margin-left:-.04em}
.arr{width:14px;height:14px;flex:none;transition:transform .25s ease}
.act{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:11px;
  letter-spacing:.06em;text-transform:uppercase;padding:13px 0}
.act:hover .arr,.act:focus-visible .arr{transform:translateX(4px)}
.acc{color:var(--accent)}
.muted{color:var(--muted)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}

/* nav: the mark is the only brand on the bar */
.mark{width:34px;height:34px;display:block}
.nav{display:grid;grid-template-columns:2fr 1.45fr .55fr;gap:1px;background:var(--rule);height:var(--navh);position:sticky;top:0;z-index:5}
.nav>*{background:var(--bg);display:flex;align-items:center;min-width:0}
.nav .brand{padding:0}
.nav .brand .sqm{width:var(--navh);height:var(--navh);background:var(--dark);color:var(--on-dark);display:grid;place-items:center;
  --mesh:var(--wire);--accent:var(--accent-d)}
.nav .brand .lbl{padding:0 22px;color:var(--muted)}
.nav .brand .lbl b{font-weight:400;color:var(--ink)}
.nav .links{padding:0 var(--pad);gap:22px;font-size:15px;letter-spacing:-.02em}
.nav .links a:hover{opacity:.55}
.nav .cta{background:var(--dark);color:var(--on-dark);padding:0 var(--pad);justify-content:space-between;font-size:15px;letter-spacing:-.02em}
.nav .menu{display:none}

/* hero: one composition; the title is fitted to the cell by script */
.hero .title{padding:var(--pad);justify-content:flex-end}
.hero h1{--fs:calc((75vw - 49px)*.1771);font-size:var(--fs);line-height:.9;letter-spacing:-.045em;height:calc(var(--fs)*1.8);margin-bottom:calc(var(--fs)*-.07)}
.hero h1 .ln,.hero h1 .w{display:block;width:max-content}
.hero h1 .l2 .w{display:inline-block}
.hero .sub{gap:0}
.hero .sub .lead{font-size:28px;line-height:1.04;letter-spacing:-.045em}
.hero .sub .body{font-size:15px;line-height:1.28;letter-spacing:-.02em;color:var(--on-dark-2);margin-top:14px}
.hero .sub .latest{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:28px}
.hero .sub .latest .lbl{color:var(--on-dark-2)}
.hero .sub .acts{border-top:1px solid var(--hair-d);margin-top:18px}
.hero .sub .act+.act{border-top:1px solid var(--hair-d)}
.hero .pair{min-height:380px}
.rl{padding:var(--pad) var(--pad) 10px}
.rl ol{margin-top:12px}
.rl li a{display:grid;grid-template-columns:22px 44px 1fr auto;align-items:center;gap:0 12px;padding:9px 0;border-top:1px solid var(--hair)}
.rl li .lbl{color:var(--muted)}
.rl li .t{font-size:19px;letter-spacing:-.035em}
.rl svg.wire{width:44px;height:44px;overflow:visible}
.rl .wire *{stroke:color-mix(in srgb,var(--ink) 78%,var(--surface))}
.rl .wire .acc{stroke:var(--accent)}
.rl li a:hover .arr{transform:translateX(4px)}

/* halftone */
.ht canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.ht .cap{position:absolute;left:var(--pad);top:var(--pad);z-index:2;background:var(--bg);padding:5px 8px;color:var(--ink);display:flex;gap:14px}
.ht .cap i{display:inline-block;width:7px;height:7px;margin-right:7px;vertical-align:0;background:var(--people)}
.ht .cap i.a{background:var(--accent)}

/* about + stats */
.about .txt{padding-bottom:28px}
.about .txt .lbl{margin-bottom:18px}
.about .txt p.t{font-size:28px;line-height:1.1;letter-spacing:-.04em;max-width:24em}
.stats{padding:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:1px;background:var(--rule)}
.stats li{background:var(--bg);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:18px var(--pad)}
.stats .num{font-size:44px;line-height:.86;letter-spacing:-.055em;margin-left:-.04em}
.stats .lbl{color:var(--muted)}

/* what we study: one compact row per relationship */
.study .sx{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.study .sx .sm{max-width:26em;color:var(--muted)}
.key{display:flex;gap:18px}
.key span::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border:1px solid currentColor;vertical-align:0}
.key span:first-child::before{background:currentColor}
.svc{display:grid;grid-template-columns:40px 48px minmax(0,1.05fr) minmax(0,1.5fr) minmax(0,1.45fr);align-items:baseline;gap:0 22px;padding:22px var(--pad);scroll-margin-top:var(--navh)}
.svc .no{font-family:var(--mono);font-size:11px;color:var(--on-dark-2)}
.svc .wire{width:48px;height:48px;overflow:visible;align-self:center}
.svc h3{font-size:32px;line-height:1;letter-spacing:-.045em}
.svc .q{font-size:19px;line-height:1.15;letter-spacing:-.03em;color:var(--on-dark)}
.wire *{fill:none;stroke:var(--wire);stroke-width:1;vector-effect:non-scaling-stroke}
.wire .acc{stroke:var(--accent-d);stroke-width:1.3}
.wire.hot .acc,.rl .wire.hot .acc{stroke-width:1.6}
.wire .spin{transform-origin:60px 60px;transform-box:view-box;animation:spin 38s linear infinite}
.wire .spin.r{animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
/* moving wire parts: filled dots for the agent (accent) and for people, and shapes that hide what passes behind them */
.svc{--wbg:var(--dark)}.rl{--wbg:var(--surface)}
.wire .fa{fill:var(--accent-d)}.wire .fp{fill:var(--wire)}.wire .occ{fill:var(--wbg)}.wire .dim{opacity:.45}
.rl .wire .fa{fill:var(--accent)}.rl .wire .fp{fill:color-mix(in srgb,var(--ink) 78%,var(--surface))}
.wire .fa,.wire .fp,.rl .wire .fa,.rl .wire .fp{stroke:none}
.bul{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;line-height:1.45}
.bul li::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border:1px solid var(--on-dark-2);vertical-align:0}
.bul li.on::before{background:var(--on-dark);border-color:var(--on-dark)}
.bul li:not(.on){color:var(--on-dark-2)}

/* studies */
.tile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;color:inherit;text-decoration:none}
.tile .tt{gap:14px;padding:var(--pad);order:-1}
.tile .tv{position:relative;min-height:380px;border-left:1px solid var(--rule)}
.tile .qq{font-size:48px;line-height:.98;letter-spacing:-.05em;max-width:10em}
.tile .tsu{font-size:17px;line-height:1.35;letter-spacing:-.01em;color:var(--muted);max-width:26em;margin:-4px 0 2px}
.tile .tf{font-size:22px;letter-spacing:-.03em;line-height:1.15;max-width:22em}
.tile .tq{font-size:22px;letter-spacing:-.03em;line-height:1.15;color:var(--muted);max-width:22em}
.tile .act{margin-top:auto}
a.tile:hover .qq{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:20px;padding-bottom:20px}
.card{gap:0}
.card .ch{display:grid;grid-template-columns:auto 1fr;gap:0 26px;align-items:start;margin-top:18px}
.card .no{font-size:112px;line-height:.78;letter-spacing:-.065em;margin-left:-.06em}
.card .qq{font-size:48px;line-height:.98;letter-spacing:-.05em;max-width:9em}
.card .rule{margin-top:18px;color:var(--muted);max-width:28em}
.card ol{margin-top:22px}
.card ol .oh{color:var(--muted);padding-bottom:8px}
.card ol li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--hair);font-size:17px;letter-spacing:-.025em;line-height:1.2}
.card ol li .lbl{padding-top:3px;color:var(--muted)}
.meta{display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1px solid var(--rule);padding-top:12px;margin-top:4px}
.meta li{display:flex;gap:8px}
.meta li span:first-child{color:var(--muted)}
.card .act{border-top:1px solid var(--rule);margin-top:14px;padding-bottom:0}
.split{min-height:420px}

/* finding: one visual block, chart first */
.fhead h2{font-size:34px;line-height:1;letter-spacing:-.048em;margin-top:16px}
.fhead h2 .acc{color:var(--accent)}
.fvis{gap:0;padding-top:18px}
.vb+.vb{border-top:1px solid var(--hair);padding-top:14px;margin-top:18px}
.vb .vn{font-size:44px;line-height:.85;letter-spacing:-.055em;margin-left:-.03em}
.vb .vn small{font-size:18px;letter-spacing:-.03em;color:var(--muted);margin-left:4px}
.vb .lbl{color:var(--muted);margin-top:10px}
.field100{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;margin-top:12px}
.field100 i{aspect-ratio:1/1;border:1px solid var(--empty);transition:background-color .25s ease,border-color .25s ease}
.field100 i.on{background:var(--accent);border-color:var(--accent)}
.marks{display:grid;grid-template-columns:repeat(19,1fr);gap:4px;margin-top:12px}
.marks i{height:28px;border:1px solid var(--ink);transition:background-color .25s ease}
.marks i.on{background:var(--ink)}
.pre .field100 i.on{background:transparent;border-color:var(--empty)}
.pre .marks i.on{background:transparent}
.fvis .act{margin-top:auto;border-top:1px solid var(--rule);padding-bottom:0}
.fig{padding:24px var(--pad) 20px}
.chart{height:100%;display:flex;flex-direction:column}
.chead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline}
.chead .lbl{color:var(--on-dark)}
.legend{display:flex;gap:16px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:var(--on-dark-2);flex-wrap:wrap}
.legend span{display:inline-flex;align-items:center;gap:7px}
.legend b{position:static!important;transform:none!important}
.legend .band{width:9px;height:9px}
.plot{position:relative;flex:1;display:flex;flex-direction:column;margin-top:22px;--namew:176px;--valw:84px}
.plot .grid{position:absolute;top:0;bottom:22px;left:var(--namew);right:var(--valw)}
.plot .tk{position:absolute;top:0;bottom:0;width:1px;background:var(--on-dark-3)}
.plot .pband{position:absolute;top:0;bottom:0}
.plot ol{flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.plot li{display:grid;grid-template-columns:var(--namew) 1fr var(--valw);align-items:center;min-height:22px}
.plot .nm{font-family:var(--mono);font-size:11px;letter-spacing:.01em;color:var(--on-dark-2);white-space:nowrap;overflow:hidden;padding-right:8px}
.plot .tr{position:relative;height:14px}
.plot .ln{position:absolute;top:50%;height:1px;background:var(--on-dark-2);left:var(--a);width:calc(var(--p) - var(--a));transition:left 1.3s cubic-bezier(.6,0,.2,1),width 1.3s cubic-bezier(.6,0,.2,1)}
.plot b,.legend b{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%)}
.dp{background:var(--dark);border:1.5px solid var(--on-dark);left:var(--p);z-index:2;display:inline-block}
.da{background:var(--accent-d);left:var(--a);z-index:3;display:inline-block;transition:left 1.3s cubic-bezier(.6,0,.2,1)}
.chart.pre .da{left:var(--p)}
.chart.pre .ln{left:var(--p);width:0}
.plot .vv{font-family:var(--mono);font-size:11px;text-align:right;color:var(--on-dark);font-variant-numeric:tabular-nums}
.plot .vv em{font-style:normal;color:var(--accent-d);margin-left:8px}
.plot .axis{position:relative;height:22px;margin-left:var(--namew);margin-right:var(--valw)}
.plot .axis span{position:absolute;top:8px;transform:translateX(-50%);font-family:var(--mono);font-size:10px;color:var(--on-dark-2)}
.cfoot{margin-top:14px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.02em;color:var(--on-dark-2)}

/* character sheets */
.chq{display:flex;flex-direction:column;justify-content:flex-end;gap:14px}
.chq .big{max-width:19em;font-size:28px}
.sheet{padding:18px var(--pad) 0}
.sheet .sh{display:flex;justify-content:space-between;gap:20px;padding-bottom:12px;color:var(--muted)}
.sheet .sh .kk{display:flex;gap:18px}
.gl{display:inline-block;width:9px;height:9px;margin-right:8px;vertical-align:-1px;border:1px solid var(--ink)}
.gl.you{background:var(--ink)}
.gl.oth{background:var(--hatch)}
.tr-row{display:grid;grid-template-columns:150px 220px auto 96px 1fr;align-items:center;gap:0 22px;border-top:1px solid var(--hair);padding:14px 0}
.tr-row .g1{color:var(--muted)}
.tr-row h3{font-size:28px;line-height:1;letter-spacing:-.045em;white-space:nowrap}
.sqm10{display:flex;gap:4px;align-items:center}
.sqm10 i{width:26px;height:26px;flex:none;border:1px solid var(--empty);position:relative;overflow:hidden}
.sqm10 i.f{border-color:var(--ink)}
.sqm10 s{position:absolute;left:0;top:0;bottom:0;background:var(--ink);transition:width .7s ease}
.tr-row.oth .sqm10 s{background:var(--hatch)}
.sqm10.pre s{width:0!important}
.tr-row .sc{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.tr-row .sc .num{font-size:40px;line-height:.85;letter-spacing:-.055em}
.tr-row .sc small{font-size:14px;color:var(--muted);letter-spacing:-.02em}
.tr-row .note{color:var(--muted)}
.sheet .foot{border-top:1px solid var(--rule);margin:0 calc(var(--pad) * -1);padding:16px var(--pad)}
.band .c{height:170px}

/* follow + footer */
.follow{padding:40px var(--pad) 0}
.follow .top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}
.follow .top .big{max-width:14em}
.feedrow{display:flex;justify-content:space-between;align-items:center;margin:0 calc(var(--pad) * -1);padding:22px var(--pad);
  border-top:1px solid var(--hair-d);font-size:34px;letter-spacing:-.045em;transition:color .2s ease}
.feedrow .arr{width:26px;height:26px}
.feedrow:hover,.feedrow:focus-visible{color:var(--accent-d)}
.feedrow:hover .arr{transform:translateX(5px)}
.foot ul li{font-size:15px;letter-spacing:-.02em;line-height:1.5}
.foot ul a:hover{opacity:.55}
.foot .fm{display:flex;gap:14px;align-items:center;--mesh:var(--muted);--accent:var(--accent)}
.foot .fm .mark{width:40px;height:40px}
.foot .mission{font-size:6.4vw;line-height:.92;letter-spacing:-.055em;margin-left:-.04em}

@media (max-width:1100px) and (min-width:761px){
  .tr-row{grid-template-columns:150px 1fr auto 70px}
  .tr-row .note{display:none}
  .svc{grid-template-columns:40px 48px 1fr 1.4fr}
  .svc .bul{grid-column:3/-1;margin-top:12px}
  .sqm10 i{width:18px;height:18px}
}
/* phone: stack */
@media (max-width:760px){
  :root{--pad:16px;--navh:52px}
  .g{grid-template-columns:minmax(0,1fr);grid-template-rows:none!important}
  .g>*{grid-area:auto!important}
  .m-hide{display:none}
  .nav{grid-template-columns:auto 1fr auto auto;height:var(--navh)}
  .nav .brand .lbl{padding:0 14px;font-size:10px}
  .nav .cta{width:108px;font-size:15px;padding:0 14px}
  .nav .menu{display:grid;place-items:center;width:var(--navh);height:var(--navh);background:var(--bg)}
  .nav .menu i{display:block;width:18px;height:1.5px;background:var(--ink);box-shadow:0 -6px 0 var(--ink),0 6px 0 var(--ink)}
  .nav .links{position:absolute;top:var(--navh);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:0;
    border-bottom:1px solid var(--rule);border-top:1px solid var(--rule)}
  .nav.open .links{display:flex}
  .nav .links a{padding:14px var(--pad);border-top:1px solid var(--hair);font-size:20px}
  .nav .links a:first-child{border-top:0}
  .hero h1{--fs:calc((100vw - 32px)*.3179);height:calc(var(--fs)*2.7)}
  .hero h1 .l2 .w{display:block}
  .hero .sub .lead{font-size:26px}
  .hero .sub .acts{margin-top:22px}
  .hero .pair{min-height:0;aspect-ratio:3/2}
  .rl li .t{font-size:18px}
  .about .txt p.t{font-size:23px}
  .about .txt{padding-bottom:24px}
  .stats li{padding:14px var(--pad)}
  .stats .num{font-size:32px}
  .study .sx{align-items:flex-start;text-align:left}
  .svc{grid-template-columns:40px 1fr auto;align-items:center;gap:10px 12px;padding:18px var(--pad) 20px}
  .svc .wire{grid-column:3;grid-row:1;width:40px;height:40px}
  .svc .no{grid-column:1;grid-row:1}
  .svc h3{grid-column:2;grid-row:1;font-size:28px}
  .svc .q{grid-column:1/-1;font-size:18px}
  .svc .bul{grid-column:1/-1;font-size:10px;gap:4px 14px}
  .shead{flex-direction:column;align-items:flex-start;gap:10px}
  .h56{font-size:48px}
  .card .no{font-size:72px}
  .card .ch{gap:0 16px}
  .card .qq{font-size:34px}
  .split{min-height:0;aspect-ratio:4/3}
  .fig{padding:14px var(--pad) 12px}
  .plot{--namew:124px;--valw:56px;margin-top:8px}
  .plot li{min-height:17px}
  .plot ol{justify-content:flex-start}
  .chead{gap:6px}
  .legend .dk{display:none}
  .cfoot{margin-top:8px;font-size:9.5px}
  .plot .nm{font-size:9.5px;letter-spacing:0}
  .plot .vv{font-size:10px}
  .plot .vv em{margin-left:6px}
  .legend{gap:12px;font-size:10px}
  .fhead{padding-top:14px;padding-bottom:12px}
  .fhead h2{font-size:27px;margin-top:8px}
  .fvis{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding-top:14px;padding-bottom:0}
  .vb+.vb{border-top:0;padding-top:0;margin-top:0}
  .vb .vn{font-size:30px}
  .vb .vn small{font-size:14px}
  .field100{grid-template-columns:repeat(20,7px);gap:2px;margin-top:8px}
  .field100 i{width:7px;height:7px}
  .marks{grid-template-columns:repeat(19,1fr);gap:2px;margin-top:8px}
  .marks i{height:24px}
  .vb .lbl{font-size:9.5px;margin-top:6px}
  .fvis .act{grid-column:1/-1;margin-top:12px}
  .h56.chh{font-size:44px}
  .chq .big{font-size:23px}
  .sheet{padding:14px var(--pad) 0}
  .sheet .sh{flex-direction:column;gap:6px}
  .tr-row{grid-template-columns:1fr auto;gap:10px 12px;padding:12px 0}
  .tr-row .g1,.tr-row .gf{display:none}
  .tr-row .note{grid-column:1/-1;grid-row:3;margin-top:-2px;font-size:10px}
  .tr-row .note:not(.zero){display:none}
  .tr-row h3{grid-column:1;grid-row:1;font-size:24px}
  .tr-row .sc{grid-column:2;grid-row:1}
  .tr-row .sc .num{font-size:30px}
  .tr-row .sqm10{grid-column:1/-1;grid-row:2}
  .band .c{height:112px}
  .follow{padding:30px var(--pad) 0}
  .follow .top{flex-direction:column;align-items:flex-start;margin-bottom:22px}
  .feedrow{font-size:28px;padding:18px var(--pad)}
  .foot .c{padding-top:20px;padding-bottom:20px}
  .foot .mission{font-size:13.6vw}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ================================================================== pages: study, findings, finding
   Cell meaning, the same on every page: black for the main visual, the statement or a quote; white for text and
   tables; grey for people; mint where the reader acts and for a supported verdict. Green marks the AI side only. */
.t15{font-size:15px;line-height:1.2;letter-spacing:-.02em}
.t19{font-size:19px;line-height:1.22;letter-spacing:-.03em}
.t22{font-size:22px;line-height:1.16;letter-spacing:-.035em}
.t23{font-size:23px;line-height:1.14;letter-spacing:-.035em}
.t28{font-size:28px;line-height:1.08;letter-spacing:-.04em}
.v40{font-size:40px;line-height:.9;letter-spacing:-.055em}
.t19+.t19{margin-top:12px}
.c>.lbl.sqr:first-child{margin-bottom:14px}
cite{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
.bk cite{color:var(--on-dark-2)}
.gy cite,.gy .muted{color:color-mix(in srgb,var(--ink) 70%,var(--grey))}
.v[data-result]{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tl{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.nav .links a[aria-current]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.wire.ink *{stroke:color-mix(in srgb,var(--ink) 70%,var(--bg))}
.wire.ink .acc{stroke:var(--accent)}.wire.ink .fa{fill:var(--accent)}.wire.ink .fp{fill:color-mix(in srgb,var(--ink) 70%,var(--bg))}
.wire.ink{--wbg:var(--bg)}.wire.ink .occ{fill:var(--bg)}
.sw{display:inline-block;width:9px;height:9px;margin-right:7px;vertical-align:-1px;border:1px solid currentColor}
.sw.dots{border:0}
.sw.ho{border-radius:50%;border-width:1.5px}
.sw.fi{border-radius:50%;background:currentColor}

/* giant titles: fitted to the cell by the shared script */
.fit{font-size:9.4vw;line-height:.9;letter-spacing:-.045em;margin-bottom:-.06em}
.fit .ln{display:block;width:max-content;max-width:none}
.fit .w{display:inline}
.title{justify-content:space-between;gap:28px;min-height:min(46vw,560px)}
.crumb{color:var(--muted)}.crumb a{color:var(--ink)}
.sub .lead{font-size:28px;line-height:1.04;letter-spacing:-.045em}
.smeta{display:flex;flex-direction:column;gap:6px;margin-top:22px;color:var(--on-dark-2)}
.smeta li::before{content:"";display:inline-block;width:5px;height:5px;background:currentColor;margin-right:9px;vertical-align:2px}
.sub .acts{margin-top:auto;padding-top:24px;border-top:0}
.sub .act{border-top:1px solid var(--hair-d)}
.stats.st4{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto}
.stats.st4 li{padding:22px var(--pad)}

/* the experiment */
.exp .deal{padding:18px var(--pad) 16px;display:flex;flex-direction:column;background:var(--bg)}
.stage{position:relative;aspect-ratio:21/9;margin:0 calc(var(--pad)*-1);overflow:hidden}
.stage canvas,.vstage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.stage .cap,.vig .cap2{position:absolute;left:var(--pad);top:0;z-index:2;background:var(--bg);padding:5px 8px;display:flex;gap:14px}
.stage .cap i,.cap2 i{display:inline-block;width:7px;height:7px;margin-right:7px;vertical-align:0;background:var(--people)}
.cap2 i.a{background:var(--accent)}
.stamp{position:absolute;right:var(--pad);top:0;z-index:2;border:1px solid var(--ink);padding:6px 9px;background:var(--bg);opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease}
.stamp.on{opacity:1;transform:none}
.stamp.no{background:var(--ink);color:var(--bg)}
.ovl{position:absolute;z-index:2;transform:translate(-50%,-100%);background:var(--bg);border:1px solid currentColor;padding:4px 7px;white-space:nowrap;opacity:0;transition:opacity .3s ease}
.ovl.on{opacity:1}
.ovl.scr{transform:translate(-50%,-50%);background:var(--accent);color:var(--bg);border-color:var(--accent)}
.dbw{position:relative;margin-top:14px;padding-top:22px}
.dl{position:absolute;top:0;left:0}.dl.r{left:auto;right:0}
.dbar{display:grid;grid-template-columns:repeat(20,1fr);gap:1px;height:56px}
.dbar i{background:var(--ink);transition:background-color .25s ease,border-color .25s ease;border:1px solid var(--ink)}
.dbar i.b{background:var(--grey);border-color:var(--ink)}
/* refused: the offer stays, each side's tiles in halftone at its width */
.dbar.void i{background:radial-gradient(var(--ink) 1.2px,transparent 1.4px) 0 0/5px 5px,var(--bg);border-color:var(--ink)}
.dbar.void i.b{background:radial-gradient(color-mix(in srgb,var(--ink) 55%,transparent) 1px,transparent 1.2px) 0 0/5px 5px,var(--grey)}
/* the split handle: ink, never green, with a square grip under the bar */
.dbw{padding-bottom:14px}
.dh{position:absolute;bottom:0;top:16px;width:3px;margin-left:-1.5px;background:var(--ink);box-shadow:0 0 0 1px var(--bg);transition:left .25s ease;pointer-events:none;display:none}
.dh::after{content:"";position:absolute;left:50%;bottom:0;width:14px;height:14px;transform:translateX(-50%);background:var(--ink);box-shadow:0 0 0 1px var(--bg)}
.exp :focus-visible,.exp .dbw:focus-within .dbar{outline-color:var(--ink)}
.played .dh,.exp .deal:not(.anim) .dh{display:block}
.xp-in{position:absolute;left:0;right:0;bottom:0;height:70px;width:100%;opacity:0;cursor:ew-resize;margin:0}
.xp-in:focus-visible+.dh,.dbw:focus-within .dbar{outline:2px solid var(--accent);outline-offset:2px}
.vcap{font-size:19px;line-height:1.2;letter-spacing:-.03em;min-height:2.4em;margin-top:14px;transition:opacity .22s ease}
.vcap.out{opacity:0}
.vc{display:flex;align-items:center;gap:6px;margin-top:10px}
.vbtn{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid color-mix(in srgb,currentColor 28%,transparent);color:inherit}
.vbtn:hover{border-color:currentColor}
.vbtn svg{width:14px;height:14px;fill:currentColor}
.vbtn.pp svg{display:none}
.vbtn.pp[data-state="play"] .i-play,.vbtn.pp[data-state="pause"] .i-pause,.vbtn.pp[data-state="again"] .i-again{display:block}
.vbtn .i-again{fill:none}
.vms{flex:1;display:flex;gap:4px;margin:0 8px;min-width:0}
.vm{flex:1;height:44px;display:flex;align-items:center;min-width:0}
.vm i{display:block;width:100%;height:4px;background:color-mix(in srgb,currentColor 22%,transparent);position:relative;overflow:hidden}
.vm i::after{content:"";position:absolute;inset:0;background:currentColor;transform:scaleX(0);transform-origin:left}
.vm.done i::after{transform:scaleX(1)}
.vm.cur i::after{animation:vfill linear forwards}
@keyframes vfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.vst{flex:none;min-width:56px;text-align:right;color:inherit;opacity:.72}
.ydw{display:flex;flex-direction:column;gap:1px;background:var(--rule);min-width:0}
.yd{gap:0;flex:none}
.ydp{flex:1;gap:0}
.yro{font-size:40px;line-height:.95;letter-spacing:-.05em;margin-top:22px}
.yv{margin-top:10px;display:inline-block;align-self:flex-start;border:1px solid var(--ink);padding:5px 8px}
.yv.no{background:var(--ink);color:var(--surface)}
.ydp .yans{margin-top:0}
.yq{font-size:28px;line-height:1.04;letter-spacing:-.045em}
.yh{margin-top:12px;color:color-mix(in srgb,var(--ink) 75%,var(--surface))}
.seg2{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:20px;border:1px solid var(--ink)}
.seg2 button{padding:12px 10px;font-size:15px;letter-spacing:-.02em;line-height:1.1;text-align:left;min-height:44px}
.seg2 button+button{border-left:1px solid var(--ink)}
.seg2 button[aria-pressed="true"]{background:var(--ink);color:var(--surface)}
.yans{margin-top:14px;display:flex;flex-direction:column;gap:14px;transition:opacity .4s ease}
.yans.hide{opacity:0;visibility:hidden}
.yans dd{font-size:17px;line-height:1.2;letter-spacing:-.025em;margin-top:5px}
.yans dd cite{color:color-mix(in srgb,var(--ink) 70%,var(--surface))}
.yn{margin-top:auto;padding-top:20px}
.tvp{width:100%;border-collapse:collapse}
.tvp th,.tvp td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}
.tvp thead td,.tvp thead th{border-top:0;padding-top:0}
.tvp td{font-size:17px;line-height:1.2;letter-spacing:-.025em}
.tvp th[scope=row]{width:96px}

/* headline rows */
.hrow{display:grid;grid-template-columns:40px minmax(0,1fr) 120px 250px 14px;align-items:center;gap:0 22px;padding:20px var(--pad);transition:background-color .2s ease}
.hrow:hover{background:color-mix(in srgb,var(--surface) 35%,var(--bg))}
.hrow:hover .arr{transform:translateX(4px)}
.hrow .no{color:var(--muted)}
.hrow .ht{font-size:28px;line-height:1.05;letter-spacing:-.045em}
.hs{display:flex;align-items:center;color:var(--muted)}
.vsq{display:inline-block;width:7px;height:7px;border:1px solid var(--ink);margin-right:9px;flex:none}
.vsq.on{background:var(--surface);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.mg{width:120px;height:40px;overflow:visible}
.mg .hl{stroke:var(--empty);stroke-width:1}
.mg .lk{stroke:var(--ink);stroke-width:1.2}
.mg .tk{stroke:var(--ink);stroke-width:1.2;fill:none}
.mg .ip{fill:var(--bg);stroke:var(--ink);stroke-width:1.4}
.mg .ip.f{fill:var(--ink)}
.mg .ia{fill:var(--accent)}
.mg .ho{fill:var(--bg);stroke:var(--ink);stroke-width:1.2}
.mg .sq{fill:none;stroke:var(--ink);stroke-width:1}
.mg .sq.b{fill:var(--grey)}
.mg .fl{fill:var(--ink)}
.mg .bar{fill:var(--ink)}
.hw{display:grid}

/* predictions */
.vlead{justify-content:flex-end}
.vts{display:grid;gap:1px;background:var(--rule)}
.vtr{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,.8fr);gap:1px;background:var(--rule);scroll-margin-top:var(--navh)}
.vtr>div{background:var(--bg);padding:18px var(--pad);display:flex;flex-direction:column;gap:8px;min-width:0}
.vtr>div>.lbl:first-child{color:var(--muted)}
.vtr .vc6{grid-column:1/-1;padding-top:12px;padding-bottom:14px}
.vtr .vc6 .sm{color:var(--muted);max-width:60em}
.vtr.yes .vc5{background:var(--surface)}
.vtr.no .vc5 p{display:inline-block;align-self:flex-start;border:1px solid var(--ink);padding:6px 10px}
.vtr.yes .vc5 p::before{content:"";display:inline-block;width:9px;height:9px;background:var(--ink);margin-right:10px;vertical-align:2px}
.vc4 cite{margin-top:2px}
details.mini{margin-top:6px}
details.mini summary{cursor:pointer;list-style:none;padding:8px 0;color:var(--ink)}
details.mini summary::-webkit-details-marker{display:none}
details.mini[open] summary{color:var(--muted)}
.kv{display:grid;gap:10px;margin-top:6px;max-width:64em}
.kv div{display:grid;grid-template-columns:140px 1fr;gap:16px;border-top:1px solid var(--hair);padding-top:10px}
.kv dd{font-size:15px;line-height:1.3;letter-spacing:-.02em}
.lede{max-width:34em}

/* a finding block */
.fb{scroll-margin-top:var(--navh)}
.fb .fhead h3,.fb .fhead h2{font-size:34px;line-height:1;letter-spacing:-.048em;margin-top:14px}
.fb .fhead .acc,.fp .acc{color:var(--accent)}
.fhead .nt{margin-top:-8px}
.claim{font-size:17px;line-height:1.24;letter-spacing:-.025em;margin-top:14px;color:color-mix(in srgb,var(--ink) 80%,var(--bg))}
.bk .claim{color:var(--on-dark-2)}
.fig{display:flex;flex-direction:column;padding:22px var(--pad) 16px}
.fl{display:flex;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--hair-d);margin-bottom:16px}
.fl .fu{color:var(--on-dark-2)}
.fg{position:relative}
.fig .vcap{margin-top:auto;padding-top:14px}
.fvis .you{margin-top:12px;color:var(--accent)}
.field100 i{transition-delay:var(--d,0ms)}
.marks i{transition-delay:var(--d,0ms)}
.fw{display:grid;background:var(--rule);gap:1px}
.qc blockquote{margin-top:4px}
.q23{font-size:23px;line-height:1.16;letter-spacing:-.035em}
.q26{font-size:26px;line-height:1.12;letter-spacing:-.04em}
.qm{margin-top:14px;color:var(--on-dark-2)}
.bl{display:flex;flex-direction:column;gap:10px}
.bl li{display:grid;grid-template-columns:14px 1fr;font-size:16px;line-height:1.26;letter-spacing:-.02em}
.bl li::before{content:"";width:5px;height:5px;background:currentColor;margin-top:8px}
.bl.sm li{font-size:14px}
.ev{display:flex;flex-direction:column;gap:8px;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.5}
.ev li{border-top:1px solid var(--hair);padding-top:8px}
.ev li:first-child{border-top:0;padding-top:0}
.tc .tcr{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:0 14px;padding:10px 0;border-top:1px solid var(--hair)}
.tc .tcr .wire{width:36px;height:36px;overflow:visible}
.tcn{font-size:19px;letter-spacing:-.03em}
.tcs{font-size:26px;letter-spacing:-.05em}.tcs small{font-size:12px;color:var(--muted);margin-left:3px;letter-spacing:0}
.tc .act{border-top:1px solid var(--rule);margin-top:12px;padding-bottom:0}
.tc>.muted{margin-top:8px}
.sqm10.sm i{width:14px;height:14px}
.sqm10.xs{gap:2px}.sqm10.xs i{width:10px;height:10px}
.sqm10.lg i{width:26px;height:26px}
.sqm10.oth s{background:var(--hatch)}
.dtw{overflow-x:auto;max-width:100%}
.dt{width:100%;border-collapse:collapse;font-size:14px;letter-spacing:-.01em}
.dt th{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;font-weight:400;text-align:left;color:var(--muted);padding:0 12px 8px 0;letter-spacing:.02em}
.dt td{padding:8px 12px 8px 0;border-top:1px solid var(--hair);font-variant-numeric:tabular-nums}
.dt .r{text-align:right}
.acts{display:flex;flex-wrap:wrap;gap:0 28px}
.c.acts{padding-top:6px;padding-bottom:6px}
.c.acts .act{gap:10px}
.act .arr{order:2}

/* folds: a details element styled as a full width grid row */
.fold{background:var(--bg)}
.fold>summary{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.6fr) 22px;align-items:baseline;gap:0 22px;padding:20px var(--pad);cursor:pointer;list-style:none;transition:background-color .2s ease}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary:hover{background:color-mix(in srgb,var(--surface) 30%,var(--bg))}
.fno{color:var(--muted)}
.fti{font-size:32px;line-height:1;letter-spacing:-.045em}
.fte{font-size:15px;line-height:1.28;letter-spacing:-.02em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fpm{width:16px;height:16px;position:relative;align-self:center;justify-self:end}
.fpm::before,.fpm::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .25s ease}
.fpm::after{transform:rotate(90deg)}
details[open]>summary .fpm::before{transform:rotate(45deg)}
details[open]>summary .fpm::after{transform:rotate(135deg)}
.fold[open]>summary{border-bottom:1px solid var(--rule)}
.fbody{background:var(--rule)}
.fold .fbody>.c{min-width:0}
.pr{font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;color:var(--on-dark);margin:6px 0 14px;letter-spacing:0}
.bk .act{border-top:1px solid var(--hair-d)}
.cav{margin-top:16px;text-transform:none;font-size:12px}
.files{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.files li{display:grid;grid-template-columns:1fr auto;gap:4px 14px;border-top:1px solid var(--hair);padding-top:10px}
.files li .sm{grid-column:1/-1}
.qgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule)}
.qv blockquote p{font-size:17px;line-height:1.22;letter-spacing:-.025em;margin-top:10px}
.qv .lbl:first-child{color:var(--accent-d)}
.rtw{display:grid}
.sfoot .lbl{color:var(--muted)}

/* ---------------- charts, on the black cell. Ink marks: --on-dark; AI marks: --accent-d; people: dots.
   The HTML is the final frame; .anim with the beats reached (b0, b1 ...) sets each earlier state. */
.ax{position:relative;height:20px}
.ax span{position:absolute;top:6px;transform:translateX(-50%);font-size:10px;color:var(--on-dark-2)}
.ax span:first-child{transform:none}.ax span:last-child{transform:translateX(-100%)}
.fg .legend{margin-bottom:12px}
.fg .legend .band{display:inline-block}
.fg .cfoot{margin-top:16px}
.cfoot .sw{vertical-align:-1px}
/* 1 dumbbell */
.seat .plot{margin-top:6px;flex:none}
.seat .plot ol{gap:0;justify-content:flex-start}
.seat .plot li{min-height:22px}
.seat .plot .grid{bottom:20px}
.seat .plot .axis,.seat .plot .ax{margin-left:var(--namew);margin-right:var(--valw)}
.avg{position:absolute;top:-6px;bottom:0;width:1px;background:var(--on-dark);transform-origin:top;transition:transform .7s cubic-bezier(.6,0,.2,1)}
.avg.a{background:var(--accent-d)}
.avg b{position:absolute;top:-14px;left:4px;font-size:10px;white-space:nowrap}
.avg.a b{left:auto;right:4px;color:var(--accent-d)}
.seat .dp{transition:opacity .35s ease calc(var(--i,0)*30ms),margin .35s ease calc(var(--i,0)*30ms)}
.seat .da{transition:left 1.3s cubic-bezier(.6,0,.2,1),opacity .3s ease,box-shadow .3s ease}
.seat .vv .v1,.seat .vv em{transition:opacity .3s ease}
.anim:not(.b1) .seat .plot .dp{opacity:0;margin-top:-6px}
.anim:not(.b1) .seat .vv .v1{opacity:0}
.anim:not(.b1) .avg.p{transform:scaleY(0)}
.anim:not(.b2) .seat .plot .da{left:var(--p);opacity:0}
.anim:not(.b2) .seat .ln{left:var(--p);width:0}
.anim:not(.b2) .seat .vv em,.anim:not(.b2) .avg.a b{opacity:0}
.anim:not(.b2) .avg.a{transform:scaleY(0)}
.anim.b3:not(.b4) .seat li.le1 .da{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent-d) 32%,transparent)}
.anim:not(.b3) .field100 i.on{background:transparent;border-color:var(--empty)}
.anim:not(.b4) .marks i.on{background:transparent}
.seat li{transition:opacity .4s ease}
.anim.b4:not(.b5) .seat li.under{opacity:.35}
/* 2 waffles */
.wf2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.wfh{margin-bottom:10px}
.wf{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;max-width:300px}
.wf i{aspect-ratio:1;border:1px solid var(--on-dark-3);position:relative;transition:border-color .25s ease var(--d),background-color .25s ease var(--d)}
.wf i::after{content:"";position:absolute;inset:1px;opacity:0;transition:opacity .25s ease var(--d)}
.wf.m i.z{border-color:var(--on-dark)}
.wf.m i.b{border-color:var(--on-dark-2);background:var(--on-dark-2)}
.wf.m i.h{border-color:var(--on-dark)}.wf.m i.h::after{top:50%;background:var(--on-dark);opacity:1}
.wf.m i.o{border-color:var(--on-dark);background:var(--on-dark)}
.wf.p i{border-style:dotted;border-color:var(--on-dark)}
.wf.p i.b::after,.wf.p i.h::after{inset:0;background:radial-gradient(circle,currentColor 1px,transparent 1.3px) 0 0/3px 3px;color:var(--on-dark);opacity:1}
.wf.p i.b::after{color:var(--on-dark-2)}
.wf.p i.h::after{top:50%}
.wkey .wtx{color:var(--on-dark-2)}
.wfn{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;color:var(--on-dark-2)}
.wkey .sw.z{border-color:var(--on-dark)}
.wkey .sw.b{background:var(--on-dark-2);border-color:var(--on-dark-2)}
.wkey .sw.h{background:linear-gradient(to top,var(--on-dark) 50%,transparent 50%);border-color:var(--on-dark)}
.wkey .sw.o{background:var(--on-dark)}
.anim:not(.b1) .wf.m i.z{border-color:var(--on-dark-3)}
.anim:not(.b2) .wf.m i.h{border-color:var(--on-dark-3)}.anim:not(.b2) .wf.m i.h::after{opacity:0}
.anim:not(.b3) .wf.m i.b{border-color:var(--on-dark-3);background:transparent}
.anim:not(.b4) .wf.p i{border-color:var(--on-dark-3);border-style:solid}.anim:not(.b4) .wf.p i::after{opacity:0}
.anim:not(.b4) .wf.p+.wfn{opacity:0}
.wfn{transition:opacity .4s ease}
/* 3 the stated floor */
.bt{position:relative}
.btl{position:relative;height:40px}
.btl.r2{height:36px}
.bll{position:absolute;bottom:0;padding:0 0 6px 8px;border-left:1px solid var(--on-dark);display:flex;flex-direction:column;white-space:nowrap;transition:opacity .4s ease}
.bll b{font-size:17px;letter-spacing:-.03em;font-weight:450}
.bll .lbl{color:var(--on-dark-2)}
.bll.a{border-color:var(--accent-d);color:var(--accent-d)}
.bll.a .lbl{color:var(--accent-d)}
.bll.rt{border-left:0;border-right:1px solid var(--accent-d);padding:0 8px 6px 0;transform:translateX(-100%);align-items:flex-end}
.btr{position:relative;height:52px;border:1px solid var(--on-dark-3)}
.bz{position:absolute;left:0;top:0;bottom:0;background:var(--on-dark-3);transition:width .8s cubic-bezier(.6,0,.2,1)}
.bz b{position:absolute;left:8px;bottom:5px;color:var(--on-dark-2);font-size:10px}
.bpp{position:absolute;top:0;bottom:0}
.bln{position:absolute;top:-1px;bottom:-1px;width:2px;margin-left:-1px;background:var(--on-dark);transform-origin:top;transition:transform .6s ease}
.bln.a{background:var(--accent-d)}
.bo{position:absolute;top:50%;width:0;transition:opacity .35s ease calc(var(--j)*150ms),transform .35s ease calc(var(--j)*150ms)}
.bo i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;background:var(--on-dark);border:1px solid var(--on-dark)}
.bo b{position:absolute;top:30px;left:0;transform:translateX(-50%);font-size:10px;color:var(--on-dark-2)}
.bst{position:absolute;top:-1px;transform:translate(-50%,-100%);background:var(--on-dark);color:var(--dark);padding:3px 6px;white-space:nowrap;transition:opacity .3s ease}
.bt .ax{margin-top:22px}
.bn{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:18px;transition:opacity .4s ease}
.bn b{font-size:56px;line-height:.9;letter-spacing:-.055em;font-weight:450}
.bn span{font-size:19px;letter-spacing:-.03em;color:var(--on-dark-2);max-width:20em}
.anim:not(.b1) .bll.a,.anim:not(.b1) .bln.a{opacity:0}
.anim:not(.b2) .bo.o1{opacity:0;transform:translateY(-16px)}
.anim:not(.b3) .bo:not(.o1){opacity:0;transform:translateY(-16px)}
.anim:not(.b3) .bo.o1 i{background:transparent}
.anim:not(.b3) .bst{opacity:0}
.anim:not(.b4) .bn{opacity:0}
/* 4 versions */
.vh{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) 130px;gap:0 16px;margin-bottom:4px}
.vl{display:flex;flex-direction:column}
.vr{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) 130px;gap:0 16px;align-items:center;padding:7px 8px;margin:0 -8px;transition:background-color .5s ease,color .5s ease}
.vr.big{background:var(--surface);color:var(--ink)}
.vnm{display:flex;flex-direction:column;min-width:0}
.vnm b{font-weight:450;font-size:16px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vnm .lbl{font-size:10px;opacity:.7}
.vt{position:relative;height:18px}
.vt::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--on-dark-3)}
.vr.big .vt::before{background:color-mix(in srgb,var(--ink) 25%,transparent)}
.vband{position:absolute;top:0;bottom:0}
.vr.big .vband{color:color-mix(in srgb,var(--ink) 45%,transparent)}
.vk{position:absolute;top:50%;height:2px;margin-top:-1px;background:currentColor;transform-origin:left;transition:transform .9s cubic-bezier(.6,0,.2,1)}
.vk.dn{transform-origin:right}
.vk::after{content:"";position:absolute;top:-4px;border:5px solid transparent}
.vk.up::after{right:4px;border-left:7px solid currentColor;border-right:0}
.vk.dn::after{left:4px;border-right:7px solid currentColor;border-left:0}
.vo,.vw{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);transition:opacity .3s ease .6s}
.vo{border:1.5px solid currentColor;background:var(--dark)}
.vr.big .vo{background:var(--surface)}
.vw{background:currentColor}
.vval{text-align:right;display:flex;flex-direction:column}
.vval b{font-weight:400}
.vval span{opacity:.75}
.vstill{margin-top:14px;color:var(--on-dark-2);text-transform:none;font-size:12px}
.anim:not(.b1) .vr[data-g="1"] .vk{transform:scaleX(0)}
.anim:not(.b1) .vr[data-g="1"] .vw,.anim:not(.b1) .vr[data-g="1"] .vval{opacity:0}
.anim:not(.b1) .vr.big{background:transparent;color:var(--on-dark)}
.anim:not(.b2) .vr[data-g="2"] .vk{transform:scaleX(0)}
.anim:not(.b2) .vr[data-g="2"] .vw,.anim:not(.b2) .vr[data-g="2"] .vval{opacity:0}
.anim:not(.b3) .vr[data-g="3"] .vk{transform:scaleX(0)}
.anim:not(.b3) .vr[data-g="3"] .vw,.anim:not(.b3) .vr[data-g="3"] .vval{opacity:0}
.anim:not(.b4) .vstill{opacity:0}
.vval,.vstill{transition:opacity .4s ease}
/* 5 whose money */
.fg.whose{margin:auto 0}
.wpz{position:absolute;top:50%;height:10px;margin-top:-5px;border:1px dashed var(--on-dark-2);transition:opacity .5s ease}
.wpz b{position:absolute;left:0;top:14px;color:var(--on-dark-2);white-space:nowrap}
.wl{position:relative;display:grid;grid-template-columns:110px 1fr;align-items:center;height:72px}
.wl+.wl{border-top:1px solid var(--hair-d)}
.wt{position:relative;height:72px}
.wd{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--on-dark);transform:translate(-50%,-50%);transition:opacity .4s ease,margin .5s ease}
.wv{position:absolute;top:50%;margin:-22px 0 0 14px}
.wci{position:absolute;top:50%;height:12px;margin-top:-6px;border:1px solid var(--on-dark-2);border-top:0;border-bottom:0;transition:opacity .4s ease .3s}
.wci::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--on-dark-2)}
.wax{display:grid;grid-template-columns:110px 1fr;margin-top:12px}
.wst{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--on-dark);padding:4px 8px;transition:opacity .4s ease;margin-left:auto}
.wst b{font-weight:500}
.wst span{color:var(--on-dark-2)}
.anim:not(.b3) .wpz{opacity:0}
.anim:not(.b2) .l2 .wd{opacity:0;margin-top:-30px}
.anim:not(.b2) .l2 .wv,.anim:not(.b2) .l2 .wci{opacity:0}
.anim:not(.b3) .wst{opacity:0}
.wv{transition:opacity .4s ease}
/* 6 names */
.nmc .nh{color:var(--on-dark-2);margin:4px 0 8px}
.nr{display:grid;grid-template-columns:120px minmax(0,1fr) 56px;align-items:center;gap:0 14px;min-height:34px}
.nr .nv{text-align:right}
.nt{position:relative;height:30px}
.nt::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--on-dark-3)}
.nd{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--on-dark);transform:translate(-50%,-50%);transition:opacity .35s ease,margin .4s ease}
.nd.a{background:var(--accent-d)}
.nk{position:absolute;top:50%;height:1px;background:var(--on-dark-2)}
.nbr{position:absolute;top:0;height:12px;border:1px solid var(--on-dark);border-top:0;transition:opacity .4s ease}
.nbr b{position:absolute;top:16px;left:50%;transform:translateX(-50%);white-space:nowrap}
.nsp{min-height:44px}
.nsc{margin-top:14px;padding-top:6px;border-top:1px solid var(--hair-d);transition:opacity .5s ease}
.nr.nax{min-height:0;margin-top:6px}
.anim:not(.b1) .nr[data-g="1"] .nd,.anim:not(.b1) .nr[data-g="1"] .nv{opacity:0;margin-top:-10px}
.anim:not(.b2) .nr[data-g="2"] .nd,.anim:not(.b2) .nr[data-g="2"] .nv{opacity:0;margin-top:-10px}
.anim:not(.b1) .nr[data-g] .nn{opacity:.4}
.anim:not(.b2) .nbr{opacity:0}
.anim:not(.b3) .nsc{opacity:0}
.nd.p{background:var(--dark);border:2px solid var(--on-dark)}
.nr.nsr{min-height:52px;align-items:start}
.nsr .nt{height:24px}
.nl{position:absolute;top:22px;transform:translateX(-50%);white-space:nowrap;color:var(--on-dark)}
.nl.a{color:var(--accent-d)}
.nv,.nn{transition:opacity .35s ease}
/* method check: routes */
.rl2{display:grid;grid-template-columns:96px minmax(0,1fr) 56px;align-items:center;gap:0 14px;min-height:44px}
.rl2 b{text-align:right}
.rtk{position:relative;height:22px;background:var(--on-dark-3)}
.rtk i{position:absolute;left:0;top:0;bottom:0;background:var(--on-dark);transform-origin:left;transition:transform .9s cubic-bezier(.6,0,.2,1)}
.rl2.nax{min-height:0}
.anim:not(.b1) .rl2[data-g="1"] i{transform:scaleX(0)}
.anim:not(.b2) .rl2[data-g="2"] i{transform:scaleX(0)}
.anim:not(.b1) .rl2[data-g="1"] b,.anim:not(.b2) .rl2[data-g="2"] b{opacity:0}

/* ---------------- findings index */
.fihero .title{min-height:min(36vw,440px)}
.hvs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--rule)}
.hv{display:flex;flex-direction:column;gap:10px;padding:18px var(--pad);transition:background-color .2s ease}
.hv:hover{background:color-mix(in srgb,var(--surface) 30%,var(--bg))}
.hv>.lbl:first-child{color:var(--muted)}
.hvv{margin-top:auto;display:flex;align-items:center}
.finding .ef{margin-top:16px;text-transform:none;font-size:12px}
.ixr{scroll-margin-top:var(--navh)}
.ixt h3{font-size:34px;line-height:1;letter-spacing:-.048em;margin-top:14px}
.ixt .ief{margin-top:18px}
.ixt .muted{margin-top:6px}
.ixt .act{margin-top:auto;border-top:1px solid var(--rule);padding-bottom:0}
.ixr:hover .ixt .act .arr{transform:translateX(4px)}
.ixv{justify-content:space-between;gap:16px}
.ixv:not(.bk){--on-dark:var(--ink);--on-dark-2:var(--muted);--on-dark-3:color-mix(in srgb,var(--ink) 14%,var(--bg));--hair-d:var(--hair);--accent-d:var(--accent);--dark:var(--bg)}
.ixc{color:var(--on-dark-2)}
.still .cfoot,.still .vstill{display:none}
.still.seat .plot li{min-height:12px}
.still.seat .plot .nm{font-size:9px}
.still.seat .plot{--namew:130px;--valw:64px}
.still.seat .plot .vv{font-size:9.5px}
.still.seat .avg b{display:none}
.still.upgrade .vr{padding:3px 8px}
.still.upgrade .vnm .lbl{display:none}
.still .wf{max-width:200px}
.tkey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--rule)}
.tk{display:flex;flex-direction:column;gap:10px}
.tk .wire{width:48px;height:48px;overflow:visible;margin-bottom:6px}
.tk .sm{color:color-mix(in srgb,var(--ink) 78%,var(--bg))}
.tk .lbl{margin-top:auto}
.tk.lk{background:color-mix(in srgb,var(--grey) 35%,var(--bg))}
.tk.lk .sm{color:var(--muted)}
.roster{padding-bottom:0}
.ro{margin:14px calc(var(--pad)*-1) 0}
.ro-h,.ro-m>summary,.prr{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr)) 22px;align-items:center;gap:0 18px;padding:12px var(--pad)}
.ro-h{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-top:10px;padding-bottom:10px}
.ro-h button{text-align:left;padding:6px 0;color:var(--muted)}
.ro-h button[aria-pressed="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.rlab{padding:16px var(--pad) 4px;color:var(--muted)}
.ro-m{border-top:1px solid var(--hair)}
.ro-m>summary{cursor:pointer;list-style:none}
.ro-m>summary::-webkit-details-marker{display:none}
.ro-m>summary:hover{background:color-mix(in srgb,var(--surface) 25%,var(--bg))}
.ron{display:flex;flex-direction:column;gap:2px;min-width:0}
.ron b{font-weight:450;font-size:22px;letter-spacing:-.04em;line-height:1.05}
.roc{display:flex;align-items:center;gap:10px;min-width:0}
.roc .rol{display:none}
.roc b{font-weight:450;font-size:17px;letter-spacing:-.03em;min-width:2em}
.ro-sheet{padding:6px var(--pad) 22px;background:color-mix(in srgb,var(--grey) 22%,var(--bg))}
.fs{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.fsr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;padding:16px 0;border-top:1px solid var(--hair)}
.fsr .sm{margin-top:6px}
.fsm{grid-column:1/-1;display:flex;align-items:center;gap:16px}
.fsm .sc{display:flex;align-items:baseline;gap:4px}.fsm .sc .num{font-size:34px;letter-spacing:-.055em}.fsm .sc small{font-size:13px;color:var(--muted)}
.ghw{position:relative}
.gh{position:absolute;top:-4px;bottom:-4px;width:1px;background:color-mix(in srgb,var(--ink) 45%,transparent)}
.gh b{position:absolute;top:-14px;left:2px;font-size:9px;color:var(--muted);white-space:nowrap}
.fsx{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--hair);padding-top:14px}
.prw{display:grid;gap:1px;background:var(--rule)}
.prs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule)}
.prb .prr{grid-template-columns:minmax(0,1fr);gap:8px 0;padding:12px 0;border-top:1px solid var(--hair)}
.prb .prr .roc{display:grid;grid-template-columns:96px auto 1fr;gap:10px}
.prb .prr .roc .rol{display:block;color:var(--muted)}

/* ---------------- finding pages */
.crumbs .c{padding-top:12px;padding-bottom:12px;color:var(--muted)}
.crumbs a{color:var(--ink)}
.fpn{justify-content:space-between;gap:18px}
.bn2{font-size:96px;line-height:.86;letter-spacing:-.06em;margin-left:-.04em}
.bn2.sm2{font-size:64px}
.fph h1{font-size:48px;line-height:.98;letter-spacing:-.05em;max-width:16em}
.fph .claim{font-size:19px;margin-top:16px;max-width:36em}
.fph .su{margin-top:auto;padding-top:28px;color:var(--on-dark-2)}
.fph .sm{color:var(--on-dark-2);max-width:42em}
.vig{padding-bottom:16px;gap:0}
.vig .cap2{position:static;padding:0;margin:0 0 12px}
.vstage{position:relative;margin:0 calc(var(--pad)*-1);aspect-ratio:4/3;flex:none}
.vground{flex:1;min-height:0;margin:0 calc(var(--pad)*-1) 10px}
.efs.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vig>.lbl:last-child{color:var(--muted)}
.efs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;border-top:1px solid var(--hair);padding-top:16px}
.efc .lbl{margin-top:8px}
.efc .muted{margin-top:2px}
.efc .v40{font-size:34px}
.others .hw:last-child .hrow{border-bottom:0}

/* ---------------- mid width */
@media (max-width:1100px) and (min-width:761px){
  .hrow{grid-template-columns:40px minmax(0,1fr) 120px 14px}
  .hrow .hs{grid-column:2;grid-row:2;margin-top:8px}
  .vtr{grid-template-columns:1fr 1fr 1fr}
  .vtr .vc1{grid-column:1/-1}
  .tkey{grid-template-columns:1fr 1fr}
  .prs,.qgrid{grid-template-columns:1fr 1fr}
  .fs{grid-template-columns:1fr}
  .bn2{font-size:72px}.bn2.sm2{font-size:44px}
  .fit{font-size:9vw}
}
/* ---------------- phone */
@media (max-width:760px){
  .fit{font-size:15vw}
  .title{min-height:0}
  .fit .w{display:block;width:max-content}
  .sub .lead{font-size:24px}
  .stats.st4{grid-template-columns:1fr 1fr}
  .t28{font-size:23px}.t23{font-size:20px}.t22{font-size:19px}.yq{font-size:24px}
  .exp .deal{padding:14px var(--pad) 12px}
  .stage{aspect-ratio:4/3}
  .stage .cap{gap:10px}
  .vcap{font-size:17px;min-height:2.5em;margin-top:10px}
  .vc{gap:4px;margin-top:6px}
  .vms{margin:0 4px}
  .vst{min-width:48px}
  .fig{padding:14px var(--pad) 12px}
  .fl{padding-bottom:10px;margin-bottom:12px}
  .hrow{grid-template-columns:32px 1fr auto;gap:8px 10px;padding:16px var(--pad)}
  .hrow .no{grid-column:1;grid-row:1}
  .hrow .hs{grid-column:2/4;grid-row:1}
  .hrow .ht{grid-column:1/-1;grid-row:2;font-size:22px}
  .hrow .mg{grid-column:1/3;grid-row:3;width:120px}
  .hrow .arr{grid-column:3;grid-row:3;justify-self:end}
  .vtr{grid-template-columns:1fr 1fr}
  .vtr .vc1{grid-column:1/-1}
  .vtr>div{padding:14px var(--pad)}
  .v40{font-size:32px}
  .kv div{grid-template-columns:1fr;gap:4px}
  .fb .fhead h3,.fb .fhead h2,.ixt h3{font-size:27px}
  .fold>summary{grid-template-columns:28px minmax(0,1fr) 18px;gap:4px 10px;padding:16px var(--pad)}
  .fti{font-size:24px}
  .fte{grid-column:2;grid-row:2;white-space:normal;font-size:14px}
  .fpm{grid-column:3;grid-row:1}
  .qgrid,.prs,.tkey,.hvs{grid-template-columns:1fr}
  .hvs{grid-template-columns:1fr 1fr}
  .hv:last-child{grid-column:1/-1}
  /* charts on a phone */
  .seat .plot{--namew:112px;--valw:52px}
  .seat .plot li{min-height:17px}
  .seat .plot .nm{font-size:9.5px;letter-spacing:0}
  .seat .plot .vv{font-size:10px}
  .fg .legend{gap:10px;font-size:10px}
  .fg .cfoot{font-size:9.5px;margin-top:10px}
  .wf2{gap:16px}
  .wf{gap:2px}
  .wfn{font-size:9.5px;gap:2px 8px}
  .bll b{font-size:15px}
  .bn b{font-size:40px}.bn span{font-size:15px}
  .bn{margin-top:12px}
  .vh,.vr{grid-template-columns:minmax(0,1fr) 64px}
  .vval span{display:none}
  .vh>span:first-child{display:none}
  .vh .ax{grid-column:1}
  .vr{grid-template-rows:auto auto;gap:2px 10px;padding:5px 8px}
  .vnm{grid-column:1/-1;flex-direction:row;gap:8px;align-items:baseline}
  .vnm b{font-size:14px}
  .vt{grid-column:1}
  .vval{grid-column:2;grid-row:2;font-size:9.5px}
  .vstill{font-size:10.5px;margin-top:8px}
  .wl{grid-template-columns:78px 1fr;height:60px}.wt{height:60px}.wax{grid-template-columns:78px 1fr}
  .wst{margin-left:0}
  .nr{grid-template-columns:76px minmax(0,1fr) 40px;gap:0 10px;min-height:30px}
  .rl2{grid-template-columns:72px minmax(0,1fr) 44px}
  .ro-h{display:none}
  .ro-m>summary,.prr{grid-template-columns:1fr 1fr 22px;gap:10px 14px}
  .ro-m>summary .ron{grid-column:1/3}
  .ro-m>summary .fpm{grid-column:3;grid-row:1}
  .roc{display:grid;grid-template-columns:1fr auto;gap:4px 8px}
  .roc .rol{display:block;grid-column:1/-1;color:var(--muted);font-size:9.5px}
  .sqm10.xs i{width:auto;flex:1;height:9px}
  .roc .sqm10{width:100%}
  .fs{grid-template-columns:1fr}
  .sqm10.lg i{width:auto;flex:1;height:22px}
  .fsm .sqm10{flex:1}
  .ghw{flex:1}
  .bn2{font-size:64px}.bn2.sm2{font-size:44px}
  .fph h1{font-size:34px}
  .vstage{aspect-ratio:16/9;margin-top:0}
  .efs{grid-template-columns:1fr 1fr}
  .tvp td{font-size:15px}
  .tvp th[scope=row]{width:70px}
  .seg2 button{font-size:14px}
  .dbar{height:48px}.xp-in{height:48px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media (max-width:760px){.yans.hide{display:none}.yn{padding-top:16px}}

/* fixes after review */
.fold.nn>summary{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 22px}
.fold.nn .fno{display:none}
.ixv:not(.bk) .wf.p i::after{color:color-mix(in srgb,var(--ink) 60%,transparent)}
.prb:last-child:nth-child(3n+2){grid-column:span 2}
.prb:last-child:nth-child(3n+1){grid-column:span 3}
@media (max-width:1100px) and (min-width:761px){.prb:last-child{grid-column:auto}.prb:last-child:nth-child(odd){grid-column:span 2}}
@media (max-width:760px){
  .fold.nn>summary{grid-template-columns:minmax(0,1fr) 18px}
  .fold.nn .fte{grid-column:1}.fold.nn .fpm{grid-column:2}
  .prb:last-child{grid-column:auto!important}
  .prb .prr .roc{grid-template-columns:88px minmax(0,1fr) 30px}
  .prb .prr .roc .sqm10{min-width:0}
  .vr{padding:3px 8px}
  .fg.upgrade .legend{margin-bottom:6px}
}
@media (max-width:760px){.prb .prr .roc .rol{grid-column:auto;font-size:9.5px}.prb .prr{grid-template-columns:minmax(0,1fr)}.prb .prr .ron{grid-column:auto}}
@media (max-width:760px){.ro-m>summary{grid-template-columns:1fr 1fr;position:relative}.ro-m>summary .ron{grid-column:1/-1;padding-right:30px}.ro-m>summary .fpm{position:absolute;right:var(--pad);top:18px}}

/* findings index: one compact mark per finding */
.thumb{width:100%;max-width:420px;height:auto;max-height:150px;overflow:visible;display:block;margin:auto 0}
.thumb .th{stroke:var(--on-dark-3);stroke-width:1}
.thumb .tg{stroke:var(--on-dark-2);stroke-width:1.5}
.thumb .tp{fill:var(--dark);stroke:var(--on-dark);stroke-width:2}
.thumb .tp.f{fill:var(--on-dark)}
.thumb .ta{fill:var(--accent-d)}
.thumb .to{fill:var(--dark);stroke:var(--on-dark);stroke-width:1.5}
.thumb .tb{fill:var(--on-dark)}
.thumb .tm{stroke:var(--on-dark);stroke-width:2}
.thumb .tm.a{stroke:var(--accent-d)}
.thumb .tq{fill:var(--on-dark)}
.thumb .tt{font-family:var(--mono);font-size:10px;letter-spacing:.02em;text-transform:uppercase;fill:var(--on-dark-2)}
.thumb .tt.acc{fill:var(--accent-d)}
.thumb .sq{fill:none;stroke:var(--on-dark);stroke-width:1}
.thumb .sq.b{fill:var(--on-dark-2);stroke:var(--on-dark-2)}
.thumb .sq.o,.thumb .sf{fill:var(--on-dark)}
@media (max-width:760px){
  /* Finding 1 on a phone: the name above its row, the plot the full width, one value column in green */
  .seat .plot,.still.seat .plot{--namew:0px;--valw:40px}
  .seat .plot{margin-top:26px}
  .seat .plot li{grid-template-columns:minmax(0,1fr) var(--valw);grid-template-rows:auto 10px;min-height:0;padding:0}
  .seat .plot .nm{grid-column:1/-1;font-size:8.5px;line-height:1.1;color:var(--on-dark-2);padding:0}
  .seat .plot .tr{height:10px;grid-column:1;grid-row:2}
  .seat .plot b{width:8px;height:8px}
  .seat .cfoot{line-height:1.3}
  .seat .plot .vv{grid-column:2;grid-row:2}
  .seat .plot .vv .v1{display:none}
  .seat .plot .vv em{margin-left:0}
  .efs.n4{grid-template-columns:1fr 1fr}
  .vground{display:none}
}
@media (max-width:600px){
  .fph .claim{font-size:17px;line-height:1.4;letter-spacing:-.02em;color:var(--on-dark-2)}
  .fph .claim .crest{display:none}
}
/* finding 5 on the study page: the chart takes the top row, its numbers run along the row below */
.fvis.wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;align-items:start;padding-top:18px}
.fvis.wide .vb+.vb{border-top:0;padding-top:0;margin-top:0}
.fvis.wide .act{margin-top:0;align-self:end}
@media (max-width:760px){.fvis.wide{grid-template-columns:1fr 1fr}.fvis.wide .act{grid-column:1/-1;margin-top:12px}}

/* the living mark: people breathe out of step, weak ties come and go, a pulse runs along the agents' tie */
@keyframes mk-breathe { 0%, 100% { transform: scale(.8); } 50% { transform: scale(1.4); } }
@keyframes mk-tie { 0%, 100% { opacity: 1; } 45%, 60% { opacity: 0.05; } }
.mark circle { transform-box: fill-box; transform-origin: center; animation: mk-breathe 2.6s ease-in-out infinite; animation-delay: calc(var(--i, 0) * -0.53s); }
.mark line.mk-weak { animation: mk-tie 4s ease-in-out infinite; animation-delay: calc(var(--i, 0) * -1.3s); }
.mark .mk-pulse { fill: var(--accent); }
a:hover .mark circle, .mark:hover circle { animation-duration: 2.1s; }
a:hover .mark line.mk-weak, .mark:hover line.mk-weak { animation-duration: 3.5s; }
@media (prefers-reduced-motion: reduce) { .mark circle, .mark line { animation: none !important; } .mark .mk-pulse { display: none; } }

.sheet .whose{font-size:24px;letter-spacing:-.03em;line-height:1.15;max-width:30em;margin-bottom:18px}
@media (max-width:760px){.sheet .whose{font-size:19px}.tile .qq{font-size:34px}.tile .tf{font-size:18px}.tile .tsu{font-size:15px}.tile{grid-template-columns:1fr}.tile .tv{min-height:0;aspect-ratio:4/3;border-left:0;border-bottom:1px solid var(--rule)}.tile .tt{order:0}}
@keyframes mk-spin { to { transform: rotate(360deg); } }
.brand .mark { animation: mk-spin 30s linear infinite; }
@media (prefers-reduced-motion: reduce) { .brand .mark { animation: none; } }
[id^="rel-"]{scroll-margin-top:72px}
@keyframes hit{0%{box-shadow:inset 0 0 0 3px var(--accent)}100%{box-shadow:inset 0 0 0 3px transparent}}
.hit{animation:hit 1.8s ease-out}
.sheet .shtop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;margin-bottom:18px}
.sheet .shtop .whose{margin-bottom:0}
.radar{width:100%;max-width:520px;justify-self:end;overflow:visible}
.radar .rr{fill:none;stroke:var(--hair)}.radar .rr:last-of-type{stroke:var(--rule)}
.radar .rs{stroke:var(--hair)}
.radar .rp{fill:color-mix(in srgb,var(--accent) 18%,transparent);stroke:var(--accent);stroke-width:2;stroke-linejoin:round}
.radar .rd{fill:var(--ink);stroke:var(--ink)}.radar .rd.oth{fill:var(--bg);stroke-width:1.5}
.radar .rl1{font-size:17px;letter-spacing:-.02em;fill:var(--ink)}
.radar .rl2{font-family:var(--mono);font-size:12px;fill:var(--muted)}
.radar .rgrow{transform:scale(0);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.radar.in .rgrow{transform:scale(1)}
@media (prefers-reduced-motion:reduce){.radar .rgrow{transform:none;transition:none}}
@media (max-width:760px){.sheet .shtop{grid-template-columns:1fr}.radar{justify-self:center}}
.rgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--bg)}
.rgrid>*{box-shadow:inset -1px -1px 0 var(--rule)}
.rcard,.rpair{gap:6px;display:flex;flex-direction:column;color:inherit;text-decoration:none}
.rcard h3{font-size:22px;letter-spacing:-.03em;line-height:1.1}
a.rcard:hover h3{text-decoration:underline;text-underline-offset:4px}
.radar.mini{max-width:none;justify-self:auto;margin:4px auto 0;width:64%}
.radar.mini .rd{stroke-width:1.5}
.rcard .rsc{color:var(--muted);text-align:center}
.radar .rp.small{fill:none;stroke:var(--ink);stroke-dasharray:5 4;stroke-width:1.6}
.rpk{display:flex;flex-direction:column;gap:4px}
.rpk .sw{display:inline-block;width:18px;height:0;border-top:2px solid var(--accent);margin-right:8px;vertical-align:3px}
.rpk .sw.small{border-top:2px dashed var(--ink)}
.sheet .kk{display:flex;gap:18px;color:var(--muted)}
.exact>summary{cursor:pointer;padding:4px 0;list-style:none}
.exact>summary::before{content:"+";display:inline-block;width:18px}
.exact[open]>summary::before{content:"–"}
.exact[open]>summary{margin-bottom:16px}
@media (max-width:1100px) and (min-width:761px){.rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rcard h3{font-size:17px}.radar.mini{width:100%}}
.ro-m{scroll-margin-top:72px}
.wire{transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}
.wire.hot{transform:scale(1.12);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 55%,transparent))}
.wire.hot *:not(.acc):not(.fa):not(.fp):not(.occ){stroke:var(--accent-d)}
.wire.hot .dim{opacity:.8}
.rl li a:hover .t,.rl li a:focus-visible .t{color:var(--accent-d)}
@media (prefers-reduced-motion:reduce){.wire{transition:none}.wire.hot{transform:none}}
.thumb.big{max-width:none;max-height:none;width:100%}
.thumb .px{fill:var(--on-dark);opacity:0;transition:opacity .25s ease-out calc(var(--d,0)*1ms)}
.thumb.in .px{opacity:1}
.thumb .px.acc{fill:var(--accent-d)}
.thumb .px.off{fill:none;stroke:var(--on-dark-3);stroke-width:1}
.thumb .px.off.mk{fill:var(--dark);stroke:var(--on-dark-2);stroke-width:2}
.thumb .tn{font-family:var(--sans,inherit);font-size:44px;letter-spacing:-.05em;fill:var(--on-dark)}
.thumb .tn.acc{fill:var(--accent-d)}
.thumb .tl{font-size:20px;letter-spacing:-.03em;fill:var(--on-dark)}
.thumb.big .tt{font-size:12px}
.thumb .hz{fill:color-mix(in srgb,var(--accent) 12%,transparent)}
@media (prefers-reduced-motion:reduce){.thumb .px{opacity:1;transition:none}
/* pixel charts light up in reading order when they come into view; without the script they are simply shown */
.thumb.pre .px{opacity:0}
.thumb.pre.in .px{opacity:1;transition:opacity .22s ease-out calc(var(--d,0)*1ms)}
@media (prefers-reduced-motion:reduce){.thumb.pre .px{opacity:1;transition:none}}}
@media (max-width:760px){.thumb.big .tt{font-size:15px}.thumb .tn{font-size:50px}}
.thumb text{text-decoration:none}
.ixr .thumb .tl{text-decoration:none}
.ixr{text-decoration:none}
.sxa{gap:14px;justify-content:center}
.sxh{font-size:34px;line-height:1.02;letter-spacing:-.048em;max-width:16em}
.sxr{display:flex;align-items:center;justify-content:center}
.sxr .radar{max-width:480px;justify-self:auto}
.chq .kk{display:flex;gap:18px;color:var(--muted)}
.exact .tkey{margin:0 calc(var(--pad)*-1)}
@media (max-width:760px){.sxh{font-size:26px}}
@media (max-width:760px){.radar .rl1{font-size:24px}.radar .rl2{font-size:17px}}
.nav .brand>a.lbl{align-self:stretch;display:block;line-height:var(--navh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav .brand>a.lbl:hover b{text-decoration:underline;text-underline-offset:3px}

/* study tiles, two to a row: the picture on top, the teaser under it */
.tile.tile2{display:flex;flex-direction:column;grid-template-columns:none}
.tile.tile2 .tv{min-height:280px;border-left:0;border-bottom:1px solid var(--rule)}
.tile.tile2 .tvf{display:flex;align-items:center;padding:var(--pad);min-height:280px}
.tile.tile2 .tvf .thumb{max-height:300px}
.tile.tile2 .tt{order:0;flex:1}
.tile.tile2 .qq{font-size:40px}
/* studies 002 onward */
.prxl{display:flex;flex-direction:column;padding-top:0;padding-bottom:0}
.prx{display:grid;grid-template-columns:44px minmax(0,1fr) 190px;gap:0 22px;align-items:baseline;padding:16px 0;border-top:1px solid var(--hair)}
.prx:first-child{border-top:0}
.prx .prv{display:flex;align-items:center}
.mq{margin-top:18px;padding-left:14px;border-left:2px solid var(--accent)}
.mq p{font-size:17px;line-height:1.3;letter-spacing:-.02em}
.mq footer{margin-top:6px}
.mlist{display:flex;flex-direction:column;gap:14px;padding-left:18px;list-style:square}
.fcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--bg)}
.fcards>*{box-shadow:inset -1px -1px 0 var(--rule)}
.fcard{gap:12px;color:inherit;text-decoration:none;background:var(--bg)}
.fcard h3{font-size:26px;line-height:1.05;letter-spacing:-.04em}
.fcard .act{margin-top:auto}
.fcard:hover h3{text-decoration:underline;text-underline-offset:4px}
@media (max-width:760px){.prx{grid-template-columns:36px minmax(0,1fr)}.prx .prv{grid-column:2}.fcards{grid-template-columns:1fr}.tile.tile2 .qq{font-size:30px}}
.tvf{--on-dark:var(--ink);--on-dark-2:var(--muted);--on-dark-3:color-mix(in srgb,var(--ink) 14%,var(--bg));--accent-d:var(--accent);--dark:var(--bg)}
.prx .prc{display:flex;flex-direction:column;gap:8px}
.prx .prwhy .lbl,.prx .prt .lbl{display:block;margin-bottom:3px}
.prx .prt{font-size:17px;line-height:1.3;letter-spacing:-.02em;padding-left:12px;border-left:2px solid var(--rule)}
.prx.broke .prt{border-left-color:var(--accent)}
.prx.broke .prt .lbl{color:var(--accent)}
.prx.broke .prv{color:var(--ink)}
.vc6 .prwhy{margin-top:12px}.vc6 .prwhy .lbl,.vc6 .prt .lbl{display:block;margin-bottom:3px}
.vc6 .prt{margin-top:10px;font-size:16px;line-height:1.3;padding-left:12px;border-left:2px solid var(--rule)}
.vc6 .prt.broke{border-left-color:var(--accent)}
.prlead{max-width:44em}
.prt.nw{margin-top:16px;font-size:17px;line-height:1.3;letter-spacing:-.02em;padding-left:12px;border-left:2px solid var(--accent);max-width:40em}
.prt.nw .lbl{display:block;margin-bottom:4px;color:var(--accent)}
.prt.nw.ondark{color:var(--on-dark)}.prt.nw.ondark .lbl{color:var(--accent-d)}
.rgs{display:flex;flex-direction:column;gap:0}
.rg{padding:14px 0;border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:6px}
/* the drawn game on studies 002 to 004: a wide stage, the legend top left, chips over the figures, the score of the plans */
.xart .fig{padding-bottom:16px}
.xstage{position:relative;aspect-ratio:21/8;margin:calc(var(--pad)*-1) calc(var(--pad)*-1) 14px;overflow:hidden;--pad:24px}
.xstage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.xstage .cap{position:absolute;left:var(--pad);top:var(--pad);z-index:2;background:var(--bg);padding:5px 8px;display:flex;gap:14px}
.xstage .cap i{display:inline-block;width:7px;height:7px;margin-right:7px;vertical-align:0;background:var(--people)}
.xstage .cap i.a{background:var(--accent)}
.xstage .score{position:absolute;right:var(--pad);z-index:2;background:var(--bg);padding:5px 8px;border:1px solid currentColor;opacity:0;transition:opacity .3s ease}
.xstage .score{bottom:var(--pad)}
.xstage .score[data-score="m"]{right:auto;left:var(--pad)}
.xstage .score.on{opacity:1}
.xnote{max-width:72ch}
@media (max-width:760px){.xstage{aspect-ratio:4/3;--pad:16px}.xstage[data-ht="blotto"]{aspect-ratio:4/5}}
/* on a phone a study tile's chart takes only the room it needs */
@media (max-width:760px){.tile.tile2 .tv.tvf{min-height:0;aspect-ratio:auto;padding:32px var(--pad)}}
/* a prediction's result on studies 002 to 004: what the models did, in the prediction's own unit */
.prx .prd{font-size:19px;line-height:1.25;letter-spacing:-.02em}
.prx .prd .lbl{display:block;margin-bottom:3px;color:var(--muted)}
/* browser surfaces, drawn from the palette */
::selection{background:var(--surface);color:var(--ink)}
.bk ::selection,.dk ::selection{background:var(--accent-d,#0AF474);color:#151514}
html{scrollbar-color:color-mix(in srgb,var(--ink) 35%,var(--bg)) var(--bg);caret-color:var(--accent)}
h1,h2,h3,.qq,.claim,.lead{text-wrap:balance}
p{text-wrap:pretty}
.num,.stats .num,.vv,.big,.bn2,td.n{font-variant-numeric:tabular-nums}
/* the page title rises word by word once, on load (script); without the script it simply stands */
h1[data-fit] .w{display:inline-block}
/* every model: one row per model, sortable */
.emw{overflow-x:auto;gap:14px;display:flex;flex-direction:column}
.emt{width:100%;border-collapse:collapse;font-size:15px;min-width:760px}
.emt th,.emt td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--hair);vertical-align:middle}
.emt thead th{border-bottom:2px solid var(--ink);vertical-align:bottom}
.emt thead button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:3px;font-family:var(--mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase}
.emt thead button .lbl{padding:0;font-size:10px;text-transform:none;letter-spacing:0}
.emt thead button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.emt thead th[aria-sort] button{color:var(--accent)}
.emt th[scope=row]{font-weight:400;font-size:17px;letter-spacing:-.02em}
.emt th[scope=row] .lbl{display:block;padding:0;font-size:10px;margin-top:2px}
.emt td{color:var(--muted);font-family:var(--mono);font-size:13px}
.emt td.n{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.emt .mb{display:inline-block;width:72px;height:8px;margin-right:10px;background:color-mix(in srgb,var(--ink) 9%,var(--bg));position:relative;vertical-align:1px}
.emt .mb i{position:absolute;left:0;top:0;bottom:0;background:var(--ink)}
.emt td.n:last-child .mb i,.emt td.n:nth-child(4) .mb i{background:var(--accent)}
.emt tbody tr:hover{background:color-mix(in srgb,var(--surface) 30%,var(--bg))}
/* Method: five steps in a row, the routes with their models, labels, analysis, files, corrections */
.msteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;list-style:none;height:auto}
.mstep{display:flex;flex-direction:column;gap:12px;padding:var(--pad);border-left:1px solid var(--hair)}
.mstep:first-child{border-left:0}
.mstep h3{font-size:28px;line-height:1;letter-spacing:-.045em;font-weight:400}
.mstep .no{color:var(--accent);padding:0}
.mroutes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule)}
.mroute{gap:14px;height:auto}
.mchips{list-style:none;padding:0;display:flex;flex-direction:column;gap:0;margin-top:8px}
.mchips li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--hair);font-size:17px;letter-spacing:-.02em}
.mchips li .lbl{padding:0;font-size:11px}
.mlabels,.mfiles,.mcorr{list-style:none;padding:0;display:flex;flex-direction:column;gap:0}
.abwho{list-style:none}
.mlabels li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid var(--hair);align-items:baseline}
.mlabels li:first-child,.mfiles li:first-child,.mcorr li:first-child{border-top:0;padding-top:0}
.mlabels .prv{padding:0;display:flex;align-items:center}
.vsq.ex{background:transparent;border-style:dashed}
.manal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;list-style:none;counter-reset:a;height:auto}
.manal li{display:flex;flex-direction:column;gap:10px;counter-increment:a}
.manal li::before{content:counter(a,decimal-leading-zero);font-family:var(--mono);font-size:11px;color:var(--accent)}
.manal h3{font-size:24px;line-height:1.05;letter-spacing:-.04em;font-weight:400}
.mfiles li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--hair);font-family:var(--mono);font-size:14px}
.mfiles li .lbl{padding:0}
.mcorr li{display:grid;grid-template-columns:140px 120px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--hair);align-items:baseline}
.mcorr li .lbl{padding:0}
/* About */
.abart .c{height:230px;padding:0}
.abp{max-width:52ch;font-size:30px;line-height:1.12;letter-spacing:-.035em}
.abwho{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;height:auto}
.abwho h3{font-size:40px;line-height:1;letter-spacing:-.05em;font-weight:400;margin-bottom:10px}
@media (max-width:1100px){.msteps,.manal{grid-template-columns:repeat(2,minmax(0,1fr))}.mstep:nth-child(odd){border-left:0}.mroutes{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.msteps,.manal,.abwho{grid-template-columns:minmax(0,1fr)}.mstep{border-left:0;border-top:1px solid var(--hair)}.mstep:first-child{border-top:0}
  .mlabels li,.mcorr li{grid-template-columns:minmax(0,1fr);gap:6px}.abp{font-size:22px}.abart .c{height:150px}}
/* the findings index: one cell per study with a square per prediction, and each finding card with its chart */
.vst{gap:10px}
.vsqs{display:flex;gap:6px;margin-top:4px}
.vsqs .vsq{width:14px;height:14px}
.vsq.hf{background:linear-gradient(90deg,var(--ink) 50%,transparent 50%)}
.fcfig{margin:10px 0 6px;padding:0;background:transparent}
.fcfig .thumb.big{max-height:300px}
.hvs.hv4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.hvs.hv4{grid-template-columns:1fr 1fr}}
/* Your turn */
.yturn .ytl,.yturn .ytr{height:auto}
.ytc{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.ytc input[type=range]{width:100%;accent-color:var(--accent);height:28px}
.ytv{font-size:64px;line-height:.9;letter-spacing:-.05em}
.ytplan{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.ytplan label{display:flex;flex-direction:column;gap:4px;align-items:center}
.ytplan .lbl{padding:0}
.ytplan input{width:100%;font:inherit;font-size:20px;text-align:center;padding:10px 0;border:1px solid var(--ink);background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.ytplan input::-webkit-inner-spin-button{-webkit-appearance:none}
.ytplan input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ytsum{padding:0}.ytsum.bad{color:#B3261E}
.ytout{display:flex;flex-direction:column;gap:18px}
.ytb .ytrow{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px}
.ytb .ytrow .lbl{padding:0}
.ytb b{font-weight:400;font-size:40px;letter-spacing:-.05em;line-height:.9}
.yttr{height:14px;background:color-mix(in srgb,var(--ink) 9%,var(--bg));position:relative}
.yttr i{position:absolute;left:0;top:0;bottom:0;background:var(--ink);transition:width .35s cubic-bezier(.16,1,.3,1)}
.ytb.acc b{color:var(--accent)}.ytb.acc .yttr i{background:var(--accent)}
.ytb.muted b{color:var(--muted)}.ytb.muted .yttr i{background:color-mix(in srgb,var(--ink) 30%,var(--bg))}
@media (max-width:760px){.ytplan{grid-template-columns:repeat(5,minmax(0,1fr))}.ytv{font-size:48px}}
@media (prefers-reduced-motion:reduce){.yttr i{transition:none}}

/* phone fixes (31 Oct): the title's phone lines stack, so the fitted size applies to each line; the every-model table
   fits the screen instead of running off it */
@media (max-width:760px){
  h1[data-fit] .w{display:block;width:max-content}
  .emt{min-width:0;font-size:14px}
  .emt th,.emt td{padding:8px 8px 8px 0}
  .emt th[scope=row]{font-size:15px}
  .emt td{font-size:12px}
  .emw{overflow-x:auto}
}
/* phone legibility: nothing under 11px, chart text included (QA pass, Nov 2026) */
@media (max-width:760px){
  .nav .brand .lbl,.svc .bul,.plot .vv,.legend,.tr-row .note,.plot .axis span,.ax span,.avg b,.bz b,.bo b,.vnm .lbl,.seat .plot .vv,.fg .legend,.emt thead button .lbl,.emt th[scope=row] .lbl{font-size:11px}
  .thumb.big .tt{font-size:16.5px}
  .thumb .tn{font-size:52px}
  .thumb .tl{font-size:24px}
}
.aw .bk h2{color:var(--on-dark)}
@media (max-width:760px){
  .foot{grid-template-columns:1fr 1fr}
  .foot>*:nth-child(1),.foot>*:nth-child(2),.foot>*:nth-child(5){grid-column:1/-1!important}
  .foot>*:nth-child(2){display:none}
}
.foot .mission{padding-bottom:.12em}
/* every model table on phones: one card per model, each value labelled */
@media (max-width:760px){
  .emt,.emt tbody{display:block;min-width:0}
  .emt thead{display:none}
  .emt tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:14px 0;border-bottom:1px solid var(--hair)}
  .emt th,.emt td{border:0;padding:0}
  .emt th[scope=row]{grid-column:1/-1}
  .emt td:not(.n){display:none}
  .emt td.n{white-space:normal}
  .emt td.n::before{content:attr(data-k);display:block;font-family:var(--mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
  .emt .mb{width:48px}
}
/* QA: full descenders under fitted titles, wrapping fold summaries */
.fihero .title h1,.title h1[data-fit],.hero h1{padding-bottom:.14em}
.fold summary .fte,.fte{white-space:normal;overflow:visible;text-overflow:clip}

/* findings, simplified (Nov 2026): one block per study, the rest one click further */
.fihero-s .title{min-height:0}
.fsx-t{gap:16px;justify-content:center}
.fsx-h{font-size:44px;line-height:1;letter-spacing:-.05em;font-weight:400;max-width:14em}
.fsx-v{justify-content:center}
.fsx-more{padding-top:14px;padding-bottom:14px}
.fsx-more>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}
.fsx-more>summary::before{content:"+";font-family:var(--mono);width:14px}
.fsx-more[open]>summary::before{content:"\2013"}
.fsx-list{margin-top:12px;display:flex;flex-direction:column}
.fsx-list a{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:12px 0;border-top:1px solid var(--hair);color:inherit;text-decoration:none;font-size:19px;letter-spacing:-.025em;line-height:1.2}
.fsx-list a:hover span:nth-child(2){text-decoration:underline;text-underline-offset:4px}
.shfold>summary{list-style:none;cursor:pointer}
.shfold>summary::-webkit-details-marker{display:none}
.shsum{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:24px;padding-bottom:24px}
.shfold[open] .shsum .lbl{visibility:hidden}
@media (max-width:760px){.fsx-h{font-size:30px}.fsx-list a{grid-template-columns:1fr auto;font-size:17px}.fsx-list a .lbl{grid-column:1/-1}.shsum{flex-direction:column;align-items:flex-start}}
.fstudy{border-top:1px solid var(--rule)}
.fstudy .fsx-more{background:var(--bg)}
.fmore{margin-top:4px}
.fmore>summary{cursor:pointer;list-style:none;font-family:var(--mono)}
.fmore>summary::before{content:"+ "}
.fmore[open]>summary::before{content:"\2013 "}
.fmore[open]>summary{margin-bottom:12px}
.fmore .claim{margin-bottom:10px}
.shfold+.shfold>summary .shsum,.shfold>summary .shsum{border-top:1px solid var(--rule)}

.fsx-su{color:var(--muted);max-width:30em;margin-top:-2px}
.subrow{display:flex;align-items:stretch;margin:0 calc(var(--pad) * -1);border-top:1px solid var(--on-dark-3,#444)}
.subrow input{flex:1;min-width:0;background:transparent;border:0;color:inherit;font:inherit;font-size:36px;letter-spacing:-.03em;padding:22px var(--pad)}
.subrow input::placeholder{color:var(--on-dark-2)}
.subrow input:focus{outline:none;background:rgba(255,255,255,.04)}
.subrow button{display:flex;align-items:center;gap:14px;background:var(--hi,#0AF474);color:#111;border:0;font:inherit;font-size:22px;letter-spacing:-.02em;padding:0 var(--pad);cursor:pointer}
.subrow button .arr{width:22px;height:22px}
.subrow button:hover .arr{transform:translateX(4px)}
@media (max-width:760px){.subrow{flex-direction:column}.subrow input{font-size:24px;padding:18px var(--pad)}.subrow button{padding:16px var(--pad);justify-content:space-between}}
.srl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.xvc{margin:0 0 10px}
/* study tiles read as separate cards: white space between them, an outline, a dark header strip */
.g.tiles{background:var(--bg);gap:24px;padding:0 var(--pad) var(--pad)}
.g.tiles>.shead{margin:0 calc(var(--pad) * -1);border-bottom:1px solid var(--rule)}
.g.tiles>.tile{border:1.5px solid var(--ink);transition:transform .2s ease,box-shadow .2s ease}
.g.tiles>.tile:hover,.g.tiles>.tile:focus-visible{transform:translateY(-3px);box-shadow:0 6px 0 var(--ink)}
.tile .tkh{display:flex;justify-content:space-between;align-items:center;margin:0;padding:12px var(--pad);background:var(--ink);color:var(--bg)}
.tile .tkh .arr{width:16px;height:16px}
.tile:hover .tkh{background:var(--accent);color:#fff}
@media (max-width:760px){.g.tiles{gap:16px}}
.rl .rlh{font-size:22px;line-height:1.15;letter-spacing:-.03em;margin:10px 0 14px;max-width:16em}
@media (max-width:760px){.rl .rlh{font-size:19px}}

/* What it means: three cards on a dark band, each a headline, one number, the point and what to do */
.impg .imhd{display:flex;flex-direction:column;gap:12px;padding-bottom:10px}
.impg .imsub{color:var(--on-dark-2);max-width:34em}
.imps{list-style:none;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--on-dark-3);padding:0!important}
.imp{background:var(--dark);padding:28px var(--pad) 26px;display:flex;flex-direction:column;gap:10px;position:relative;transition:background .25s}
.imp:hover{background:color-mix(in srgb,var(--dark) 88%,var(--accent-d))}
.imp .imn{color:var(--on-dark-2)}
.imp .ims{font-size:64px;line-height:.95;letter-spacing:-.05em;color:var(--accent-d);margin-top:6px;font-variant-numeric:tabular-nums}
.imp .iml{color:var(--on-dark-2);max-width:24em}
.imp .imh{font-size:30px;line-height:1.02;letter-spacing:-.04em;font-weight:400;margin-top:18px;padding-top:16px;border-top:1px solid var(--on-dark-3)}
.imp .imb{font-size:17px;line-height:1.38;letter-spacing:-.01em;color:var(--on-dark-2)}
.imp .imu{margin-top:auto;padding-top:14px;color:var(--on-dark);display:flex;flex-direction:column;gap:6px;text-transform:none;letter-spacing:0;font-size:14px;line-height:1.35}
.imp .imu span{color:var(--accent-d);text-transform:uppercase;letter-spacing:.06em;font-size:11px}
@media (max-width:1100px){.imps{grid-template-columns:minmax(0,1fr)}.imp .ims{font-size:56px}}
@media (max-width:760px){.imp .ims{font-size:46px}.imp .imh{font-size:25px}.imp .imb{font-size:16px}}