/* ---------------------------------------------------------------
   Model, lab and models-hub pages (v3, 2026-10-12).
   Generated by tools/model_pages.py. Loads after site.css,
   redesign.css and design-b.css (lab marks .lm) and only uses
   their tokens. Every chart here is plain HTML and CSS.
   --------------------------------------------------------------- */
.pg{padding:clamp(20px,3vw,36px) 0 clamp(56px,8vw,104px)}
.pg a{color:inherit}
.pg .lm--lg{width:20px;height:20px}
.pg .lm--lg.lm--t{height:20px;min-width:24px;font-size:10px}
.pg .lm--xl{width:44px;height:44px}
.pg .lm--xl.lm--t{height:44px;min-width:52px;font-size:18px;border-radius:8px}

/* ---------- breadcrumbs ---------- */
.crumbs ol{list-style:none;margin:0 0 clamp(22px,3vw,34px);padding:0;display:flex;flex-wrap:wrap;gap:6px 0;font:500 12px/1.4 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.crumbs li+li::before{content:"/";margin:0 10px;color:var(--line-2)}
.crumbs a{text-decoration:none;color:var(--ink-2)}
.crumbs a:hover{color:var(--gold-hi)}
.crumbs [aria-current]{color:var(--ink-3)}

/* ---------- hero ---------- */
.pg-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2.4vw,28px);align-items:start;padding-bottom:clamp(26px,3.4vw,40px);border-bottom:1px solid var(--line)}
.pg-hero--hub{grid-template-columns:minmax(0,1fr)}
.pg-hero__mark{display:grid;place-items:center;width:clamp(64px,7vw,84px);aspect-ratio:1;border-radius:16px;border:1px solid var(--line-2);
  background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%),var(--panel);margin-top:6px}
.pg-eyebrow{font:500 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.pg-hero h1{font:400 clamp(40px,5.4vw,72px)/1.02 var(--serif);letter-spacing:-.012em;margin:0 0 14px}
.pg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:14px;color:var(--ink-3)}
.pg-meta>*{margin-right:4px}
.pg-meta a{color:var(--ink-2);text-decoration-color:var(--line-2);text-underline-offset:3px}
.pg-meta a:hover{color:var(--gold-hi)}
.pg-meta .src{font-size:12px;color:var(--ink-3);margin-left:6px}
.pg-meta .chip{margin-left:8px}
.pg-lede{max-width:46rem;margin-top:18px;font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.62;color:var(--ink-2)}
.pg-lede b{color:var(--ink);font-weight:600}
.pg-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pg-acts .btn{text-decoration:none;display:inline-flex;align-items:center}
.chip--sm{font-size:9.5px;padding:2px 5px;margin-left:6px;vertical-align:2px}

/* ---------- sections ---------- */
.pg-sec{margin-top:clamp(28px,3.6vw,44px)}
.pg-k{font:500 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.pg-note{margin-top:12px;font-size:13.5px;line-height:1.55;color:var(--ink-3);max-width:46rem}
.pcard{border:1px solid var(--line-2);border-radius:12px;background:var(--panel);padding:clamp(18px,2.2vw,26px)}
.pcard__h{margin-bottom:18px}
.pcard__h h2{font:400 clamp(24px,2.4vw,30px)/1.15 var(--serif);margin-bottom:6px}
.pcard__h p{font-size:14px;line-height:1.55;color:var(--ink-3);max-width:44rem}
.pcard__f{margin-top:16px;font-size:13.5px;line-height:1.55;color:var(--ink-3)}
.pcard__f a{color:var(--gold);text-decoration:none}
.pcard__f a:hover{color:var(--gold-hi);text-decoration:underline}
.pcard__f--tight{margin-top:6px}
.pg-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(16px,2vw,24px)}
.pg-two .pcard{margin:0}
.pg-sec+.pg-two,.pg-two+.pg-two{margin-top:clamp(16px,2vw,24px)}

/* ---------- headline numbers ---------- */
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) repeat(2,minmax(0,.62fr));gap:12px}
.kpi{position:relative;padding:18px 18px 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel);overflow:hidden}
.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--k)}
.kpi__l{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.kpi__v{font:400 clamp(44px,4.6vw,60px)/1 var(--serif);color:var(--ink);margin:12px 0 10px;letter-spacing:-.01em}
.kpi__v span{font-size:.45em;color:var(--ink-3);margin-left:2px}
.kpi__s{font-size:12.5px;line-height:1.45;color:var(--ink-3)}
.kpi__r{margin-top:10px;display:inline-block;font:500 11.5px/1 var(--mono);letter-spacing:.04em;color:var(--k);padding:5px 8px;border-radius:999px;background:color-mix(in srgb,currentColor 10%,transparent)}
.kpi--sm .kpi__v{font-size:clamp(32px,3vw,40px)}
@media (max-width:1000px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi--sm{grid-column:span 1}}
@media (max-width:640px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis .kpi:first-child{grid-column:1/-1}.kpi{padding:14px 14px 13px}.kpi__v{font-size:44px}.kpi--sm .kpi__v{font-size:32px}}

/* legend keys */
.key{display:inline-flex;align-items:center;gap:6px;margin-right:12px;white-space:nowrap}
.key::before{content:"";width:10px;height:10px;border-radius:2px;background:rgba(152,160,188,.4)}
.key--me::before{background:var(--gold)}
.key--lab::before{background:color-mix(in srgb,var(--lc) 70%,transparent)}

/* ---------- field: every model as a column ---------- */
.fs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,34px)}
@media (max-width:900px){.fs-grid{grid-template-columns:minmax(0,1fr)}}
.fs{margin:0}
.fs figcaption{display:flex;flex-direction:column;gap:2px;margin-bottom:30px}
.fs figcaption b{font:400 22px/1.15 var(--serif);font-weight:400;color:var(--ink)}
.fs figcaption span{font-size:12.5px;color:var(--ink-3)}
.fs__plot{position:relative;height:130px;margin-left:22px}
.fs__cols{position:absolute;inset:0;display:flex;align-items:flex-end;gap:1px}
.fs__cols i{flex:1 1 0;min-width:0;height:calc(var(--h)*1%);background:rgba(152,160,188,.26);border-radius:1px 1px 0 0}
.fs__cols i.lab{background:color-mix(in srgb,var(--lc) 42%,transparent)}
.fs__cols i.me{background:var(--gold-hi);min-width:4px;box-shadow:0 0 12px rgba(232,198,106,.55)}
@media (max-width:640px){.fs__cols{gap:0}}
.fs__gl{position:absolute;left:0;right:0;bottom:calc(var(--y)*1%);border-top:1px dashed rgba(233,236,245,.1)}
.fs__gl i{position:absolute;right:calc(100% + 6px);top:-7px;font:400 10px/1 var(--mono);font-style:normal;color:var(--ink-3)}
.fs__med{position:absolute;left:0;right:0;bottom:calc(var(--y)*1%);border-top:1px solid rgba(185,200,255,.45);z-index:1}
.fs__med i{position:absolute;right:0;bottom:3px;font:400 10px/1 var(--mono);font-style:normal;color:var(--blue);background:var(--panel);padding:0 0 0 4px}
.fs__pin{position:absolute;left:calc(var(--x)*1%);bottom:calc(var(--y)*1%);transform:translate(-50%,-6px);z-index:2;pointer-events:none}
.fs__pin b{display:block;padding:3px 7px;border-radius:5px;background:var(--gold);color:#16130A;font:600 12px/1 var(--sans);white-space:nowrap}
.fs__pin b::after{content:"";position:absolute;left:50%;top:100%;margin-left:-4px;border:4px solid transparent;border-top-color:var(--gold)}
.fs__pin--l{transform:translate(-8px,-6px)}.fs__pin--l b::after{left:8px}
.fs__pin--r{transform:translate(calc(-100% + 8px),-6px)}.fs__pin--r b::after{left:calc(100% - 8px)}
.fs__foot{margin:10px 0 0 22px;font-size:12.5px;color:var(--ink-3)}

/* ---------- horizontal bars ---------- */
.hbs{display:grid;gap:8px}
.hbs__k{margin-top:10px;font:400 19px/1.2 var(--serif);color:var(--ink)}
.hbs__k:first-child{margin-top:0}
.hbs__k small{display:block;margin-top:2px;font:400 12.5px/1.45 var(--sans);color:var(--ink-3)}
.hb{display:grid;grid-template-columns:minmax(84px,auto) minmax(0,1fr) 42px;align-items:center;gap:12px}
.hb__n{font-size:13.5px;color:var(--ink-2);white-space:nowrap}
.hb__n a{text-decoration:none}.hb__n a:hover{color:var(--gold-hi)}
.hb__n .ss{margin-left:6px;font-size:11px;color:var(--amber)}
.hb__t{position:relative;height:14px;border-radius:3px;background:rgba(233,236,245,.06)}
.hb__f{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v)*1%);border-radius:3px;background:var(--c)}
.hb__mx{position:absolute;top:0;bottom:0;left:calc(var(--a)*1%);width:calc(var(--b)*1%);background:repeating-linear-gradient(135deg,rgba(11,14,26,.45) 0 2px,transparent 2px 5px)}
.hb__ci{position:absolute;top:50%;left:calc(var(--lo)*1%);width:calc((var(--hi) - var(--lo))*1%);height:0;border-top:1.5px solid rgba(233,236,245,.85)}
.hb__ci::before,.hb__ci::after{content:"";position:absolute;top:-5px;width:1.5px;height:8px;background:rgba(233,236,245,.85)}
.hb__ci::before{left:0}.hb__ci::after{right:0}
.hb__med{position:absolute;left:calc(var(--m)*1%);top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--blue);border-radius:1px}
.hb--solo{grid-template-columns:minmax(0,1fr) 46px}
.hb__v{font:500 14px/1 var(--sans);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}

/* ---------- a lab's releases over time ---------- */
.tl{--lc:var(--gold)}
.tl__plot{position:relative;height:190px;margin:8px 4px 0 26px}
.tl--tall .tl__plot{height:230px}
.tl__gl{position:absolute;left:0;right:0;top:calc(var(--y)*1%);border-top:1px dashed rgba(233,236,245,.1)}
.tl__gl i{position:absolute;right:calc(100% + 6px);top:-7px;font:400 10px/1 var(--mono);font-style:normal;color:var(--ink-3)}
.tl__line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tl__line polyline{fill:none;stroke:var(--lc);stroke-opacity:.55;stroke-width:1.5}
.tl__dot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;z-index:1}
.tl__dot::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--lc);border:1.5px solid var(--panel)}
.tl__dot:hover::before,.tl__dot:focus-visible::before{inset:4px;background:#fff}
.tl__dot.me{z-index:2}
.tl__dot.me::before{inset:3px;background:var(--gold);border:2px solid var(--panel);box-shadow:0 0 0 2px var(--gold),0 0 16px rgba(232,198,106,.6)}
.tl__lab{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,calc(-100% - 10px));z-index:3;pointer-events:none;
  font-size:12px;line-height:1.2;color:var(--ink-2);white-space:nowrap;background:rgba(16,21,42,.82);padding:2px 5px;border-radius:4px}
.tl__lab b{color:var(--ink);font-weight:600}
.tl__lab.me{color:var(--gold-hi)}
.tl__lab--l{transform:translate(-6px,calc(-100% - 10px))}
.tl__lab--r{transform:translate(calc(-100% + 6px),calc(-100% - 10px))}
.tl__lab--b{transform:translate(-50%,12px)}
.tl__lab--b.tl__lab--l{transform:translate(-6px,12px)}
.tl__lab--b.tl__lab--r{transform:translate(calc(-100% + 6px),12px)}
.tl__axis{position:relative;height:22px;margin:6px 4px 0 26px;border-top:1px solid var(--line)}
.tl__yr{position:absolute;left:calc(var(--x)*1%);top:6px;transform:translateX(-50%);font:400 11px/1 var(--mono);color:var(--ink-3);white-space:nowrap}
.tl__yr--l{transform:none}.tl__yr--r{transform:translateX(-100%)}
.tl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px)}
.tl-grid .tl-fig:first-child{grid-row:span 1}
@media (max-width:1000px){.tl-grid{grid-template-columns:minmax(0,1fr)}}
.tl-fig{margin:0}
.tl-fig figcaption{display:flex;flex-direction:column;gap:2px}
.tl-fig figcaption b{font:400 22px/1.15 var(--serif);color:var(--ink)}
.tl-fig figcaption span{font-size:12.5px;color:var(--ink-3);margin-bottom:12px}


/* ---------- model links ---------- */
.nbrs,.mlinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin-top:16px}
.mlinks{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.nbrs>*,.mlinks>*{min-width:0}
.mlink{min-width:0;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);text-decoration:none;transition:border-color .2s,background .2s}
.mlink:hover{border-color:color-mix(in srgb,var(--c) 70%,transparent);background:var(--panel-2)}
.mlink .lm{width:18px;height:18px}
.mlink .lm--t{height:18px;min-width:22px;font-size:9px}
.mlink__t{flex:1 1 auto;display:grid;gap:2px;min-width:0}
.mlink>.lm{flex:none}
.mlink__t b{font-weight:500;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlink__t small{font-size:12px;color:var(--ink-3)}
.mlink__v{flex:none;display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;font:400 26px/1 var(--serif);color:var(--ink)}
.mlink__v small{font:400 10.5px/1.3 var(--mono);color:var(--ink-3);letter-spacing:.04em}
.pcard .mlink{background:var(--bg)}

/* ---------- conversations ---------- */
.txcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}
.txc{display:grid;gap:10px;padding:18px 20px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel);text-decoration:none;transition:border-color .2s}
.txc:hover{border-color:var(--gold)}
.txc__k{font:500 11px/1.4 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.txc__q{font:italic 400 20px/1.35 var(--serif);color:var(--ink)}
.txc__go{font-size:13.5px;color:var(--gold)}
.txc-w{display:grid;gap:8px}
.txc-m{font:500 13px/1.3 var(--sans);color:var(--ink-2)}

/* ---------- tables ---------- */
.ptab-w{overflow-x:auto;border:1px solid var(--line-2);border-radius:12px;background:#0D1122}
.ptab{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.ptab th,.ptab td{padding:10px 14px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.ptab thead th{position:sticky;top:0;background:#0A0D1B;font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ptab th[scope=row],.ptab thead th:first-child{text-align:left;font:500 14.5px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.ptab thead th:first-child{font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ptab th[scope=row] a{text-decoration:none}
.ptab th[scope=row] a:hover{color:var(--gold-hi);text-decoration:underline}
.ptab td b{display:block;font-weight:500;color:var(--ink)}
.ptab td small{display:block;font-size:11.5px;color:var(--ink-3)}
.ptab td.ptab__d{color:var(--ink-2)}
.ptab td.ptab__na{color:var(--ink-3)}
.ptab tbody tr:last-child>*{border-bottom:0}
.ptab tbody tr:hover>*{background:#1B1D28}

/* ---------- stacked answer bars (asked directly) ---------- */
.stack{display:flex;height:14px;border-radius:3px;overflow:hidden;background:rgba(233,236,245,.06)}
.stack i{width:calc(var(--w)*1%);background:var(--fc);border-right:1px solid var(--panel)}
.stack__l{margin-top:6px;font-size:12.5px;color:var(--ink-3)}

/* ---------- about these numbers ---------- */
.pg-about{padding-top:clamp(26px,3vw,36px);border-top:1px solid var(--line)}
.pg-about>p{max-width:52rem;font-size:15px;line-height:1.66;color:var(--ink-2)}
.pg-det{margin-top:18px}
.pg-det summary{cursor:pointer;color:var(--gold);font-size:14.5px;padding:6px 0}
.pg-det summary:hover{color:var(--gold-hi)}
.pg-defs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px 26px;margin:20px 0 0}
.pg-defs dt{font:400 18px/1.2 var(--serif);color:var(--ink)}
.pg-defs dd{margin:4px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-3)}
.pg-dl{margin-top:22px;font-size:13.5px;color:var(--ink-3)}
.pg-dl a{color:var(--gold);text-decoration:none}
.pg-dl a:hover{text-decoration:underline}

/* ---------- lab page ---------- */
.lstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.lstats div{padding:16px 18px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel);min-width:0}
.lstats dt{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.lstats dd{margin:10px 0 0;font:400 clamp(26px,2.6vw,36px)/1.1 var(--serif);color:var(--ink);overflow-wrap:anywhere}
.lstats dd.lstats__s{margin-top:6px;font:400 12.5px/1.4 var(--sans);color:var(--ink-3)}
@media (max-width:800px){.lstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.labchips{display:flex;flex-wrap:wrap;gap:8px}
.labchip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line-2);border-radius:999px;font-size:14px;text-decoration:none;color:var(--ink-2);transition:border-color .2s,color .2s}
.labchip:hover{border-color:var(--c);color:var(--ink)}
.labchip small{font:400 11px/1 var(--mono);color:var(--ink-3)}

/* ---------- hub ---------- */
.labcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.labcard{display:grid;gap:10px;padding:16px 18px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel);text-decoration:none;transition:border-color .2s,background .2s}
.labcard:hover{border-color:color-mix(in srgb,var(--c) 70%,transparent);background:var(--panel-2)}
.labcard__h{display:flex;align-items:center;gap:10px}
.labcard__h b{font:400 24px/1.1 var(--serif);font-weight:400;color:var(--ink)}
.labcard__s{font-size:12.5px;color:var(--ink-3)}
.labcard__spark{display:flex;align-items:flex-end;gap:2px;height:40px;padding-bottom:1px;border-bottom:1px solid var(--line)}
.labcard__spark i{flex:1 1 0;max-width:14px;height:calc(var(--h)*1%);background:var(--c);opacity:.8;border-radius:1px 1px 0 0}
.labcard__f{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ink-3)}
.labcard__f b{color:var(--ink);font-weight:600}
.labcard__f span:last-child{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.labjump{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:8px;font-size:13.5px}
.labjump a{color:var(--ink-2);text-decoration:none}
.labjump a:hover{color:var(--gold-hi)}
.hublab{margin-top:26px;scroll-margin-top:80px}
.hublab h2{font:400 26px/1.2 var(--serif);margin-bottom:12px}
.hublab h2 a{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.hublab h2 a:hover{color:var(--gold-hi)}
.ptab--hub th[scope=row]{width:40%}

@media (max-width:640px){
  .pg-hero{grid-template-columns:minmax(0,1fr)}
  .pg-hero__mark{width:56px;border-radius:12px;margin:0}
  .pg .lm--xl{width:30px;height:30px}
  .pg-hero h1{font-size:42px}
  .hb{grid-template-columns:76px minmax(0,1fr) 36px;gap:10px}
  .tl__plot{height:170px}
  .tl__lab:not(.me):not(.keep){display:none}
  .tl--tall .tl__plot{height:200px}
  .ptab th,.ptab td{padding:9px 10px}
}

/* =================================================================
   Motion and depth (v3b, 2026-10-12): an animated sky behind the
   hero, the orbit emblem, and charts that draw themselves as they
   scroll into view. Everything below .pg-js is set by pages.js, so
   without JavaScript or with reduced motion the page is static.
   ================================================================= */
.pg{position:relative;overflow-x:clip}
.pg>.wrap{position:relative;z-index:1}
.pg-sky{position:absolute;left:0;right:0;top:0;height:min(780px,110vh);pointer-events:none;overflow:hidden;z-index:0;
  -webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent)}
.pg-sky i{position:absolute;left:0;right:0;top:-1200px;bottom:0}
.pg-sky__a{background-image:radial-gradient(1px 1px at 23px 37px,rgba(255,255,255,.95),transparent 70%),radial-gradient(1px 1px at 141px 92px,rgba(255,255,255,.75),transparent 70%),
  radial-gradient(1.6px 1.6px at 211px 18px,rgba(244,221,156,.95),transparent 70%),radial-gradient(1px 1px at 67px 171px,rgba(185,200,255,.85),transparent 70%),
  radial-gradient(1px 1px at 189px 211px,rgba(255,255,255,.65),transparent 70%),radial-gradient(1.2px 1.2px at 97px 247px,rgba(255,255,255,.85),transparent 70%);
  background-size:260px 260px;opacity:.5}
.pg-sky__b{background-image:radial-gradient(1.4px 1.4px at 51px 300px,rgba(255,255,255,.9),transparent 70%),radial-gradient(1px 1px at 300px 40px,rgba(185,200,255,.9),transparent 70%),
  radial-gradient(2px 2px at 220px 160px,rgba(244,221,156,.85),transparent 70%),radial-gradient(1px 1px at 120px 120px,rgba(255,255,255,.7),transparent 70%),
  radial-gradient(1.3px 1.3px at 340px 260px,rgba(255,255,255,.8),transparent 70%);background-size:390px 390px;opacity:.45}
.pg-sky__glow{top:0!important;background:radial-gradient(ellipse 40% 52% at 80% 26%,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%),
  radial-gradient(ellipse 34% 40% at 10% 0%,rgba(232,198,106,.12),transparent 70%),radial-gradient(ellipse 30% 36% at 55% 70%,rgba(120,140,255,.07),transparent 70%)}
@media (prefers-reduced-motion:no-preference){
  .pg-sky__a{animation:pg-drift-a 150s linear infinite}
  .pg-sky__b{animation:pg-drift-b 230s linear infinite,pg-twinkle 7s ease-in-out infinite}
  .pg-sky__glow{animation:pg-aurora 18s ease-in-out infinite alternate}
}
@keyframes pg-drift-a{to{transform:translateY(1040px)}}
@keyframes pg-drift-b{to{transform:translateY(1170px)}}
@keyframes pg-twinkle{50%{opacity:.2}}
@keyframes pg-aurora{0%{transform:translate3d(0,0,0) scale(1);opacity:.8}100%{transform:translate3d(-5%,4%,0) scale(1.1);opacity:1}}

/* hero: text left, orbit emblem right */
.pg-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,56px)}
.pg-hero--hub{grid-template-columns:minmax(0,1fr)}
.pg-eyebrow{display:flex;align-items:center;gap:9px}
.pg-eyebrow .lm{width:16px;height:16px}
.pg-eyebrow .lm--t{height:16px;min-width:20px;font-size:8.5px}
.pg-hero h1{background:linear-gradient(100deg,var(--ink) 0%,var(--ink) 55%,color-mix(in srgb,var(--c,#E8C66A) 55%,#fff) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-hero--hub h1{background:none;color:var(--ink)}

.orb{position:relative;margin:0;width:clamp(200px,20vw,260px);justify-self:end}
.orb__dial{position:relative;aspect-ratio:1}
.orb__svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 28px color-mix(in srgb,var(--c,#E8C66A) 24%,transparent))}
.orb__track{fill:none;stroke:rgba(233,236,245,.075);stroke-width:7}
.orb__arc{fill:none;stroke:var(--c);stroke-width:7;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:calc(100 - var(--p))}
.orb__dash{fill:none;stroke:rgba(233,236,245,.2);stroke-width:.5;stroke-dasharray:.8 2.6}
.orb__star{fill:var(--gold-hi)}
.orb__spin{transform-origin:60px 60px}
.orb__c{position:absolute;inset:0;display:grid;place-items:center}
.orb__c .lm{width:34px;height:34px;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--c) 70%,transparent))}
.orb__c .lm--t{height:30px;min-width:38px;font-size:12px;border-radius:6px}
.orb__cap{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin-top:12px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.orb__cap span{white-space:nowrap}
.orb__cap i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:6px;box-shadow:0 0 8px var(--c)}
@media (prefers-reduced-motion:no-preference){
  .orb__arc{animation:pg-ring 1.9s var(--ease) both;animation-delay:calc(.45s + var(--i)*.2s)}
  .orb__spin{animation:spin 60s linear infinite}
  .orb__c{animation:pg-breathe 5s ease-in-out infinite}
}
@keyframes pg-ring{from{stroke-dashoffset:100}}
@keyframes pg-breathe{50%{transform:scale(1.07);filter:brightness(1.15)}}
@media (max-width:640px){
  .pg-hero{grid-template-columns:minmax(0,1fr)}
  .orb{order:-1;justify-self:start;width:150px;display:grid;grid-template-columns:150px auto;align-items:center;gap:16px}
  .orb__cap{flex-direction:column;align-items:flex-start;margin:0;gap:9px}
  .orb__c .lm{width:26px;height:26px}
}

/* cards: soft top light, lift on hover */
.pcard,.kpi,.lstats div{background:linear-gradient(180deg,rgba(255,255,255,.028),transparent 140px),var(--panel)}
.kpi,.mlink,.txc,.labcard,.lstats div{transition:transform .25s var(--ease),border-color .25s,box-shadow .25s,background .25s}
.kpi:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--k) 55%,var(--line-2));box-shadow:0 16px 36px -18px color-mix(in srgb,var(--k) 60%,transparent)}
.mlink:hover,.labcard:hover{transform:translateY(-2px);box-shadow:0 14px 32px -18px color-mix(in srgb,var(--c) 70%,transparent)}
.txc:hover{transform:translateY(-2px);box-shadow:0 14px 32px -18px rgba(232,198,106,.55)}

/* headline numbers: a bar under each, with the interval */
.kpi__bar{position:relative;display:block;height:4px;margin:2px 0 12px;border-radius:2px;background:rgba(233,236,245,.07)}
.kpi__bar i{position:absolute;left:0;top:0;bottom:0;width:max(calc(var(--p)*1%),2px);border-radius:2px;background:var(--k);box-shadow:0 0 12px color-mix(in srgb,var(--k) 65%,transparent)}
.kpi__bar s{position:absolute;top:-3px;bottom:-3px;left:calc(var(--lo)*1%);width:calc((var(--hi) - var(--lo))*1%);border-left:1px solid rgba(233,236,245,.55);border-right:1px solid rgba(233,236,245,.55)}
.kpi__v b{font-weight:400;font-variant-numeric:tabular-nums}
.kpi::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.075) 50%,transparent 65%);transform:translateX(-130%)}

/* ---------- scroll reveals (only with pages.js) ---------- */
.pg-js .rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.pg-js .rv.in{opacity:1;transform:none}
.pg-js .rv:not(.in) :is(.kpi,.mlink,.txc-w,.labcard,.lstats>div,.labchip,.fs,.tl-fig){opacity:0}
.pg-js .rv.in :is(.kpi,.mlink,.txc-w,.labcard,.lstats>div,.labchip,.fs,.tl-fig){animation:pg-up .8s var(--ease) backwards;animation-delay:calc(var(--i,0)*85ms + 80ms)}
.pg-js .rv.in .txcs>.txc{animation:pg-up .8s var(--ease) backwards;animation-delay:calc(var(--i,0)*85ms + 80ms)}
@keyframes pg-up{from{opacity:0;transform:translateY(16px)}}
.pg-js .rv.in .kpi::after{animation:pg-sheen 1.6s var(--ease) backwards;animation-delay:calc(var(--i,0)*85ms + .5s)}
@keyframes pg-sheen{from{transform:translateX(-130%)}to{transform:translateX(130%)}}
.pg-js .kpi__bar i{transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--ease)}
.pg-js .rv.in .kpi__bar i{transform:none;transition-delay:calc(var(--i,0)*85ms + .3s)}
.pg-js .kpi__bar s{opacity:0;transition:opacity .6s ease}
.pg-js .rv.in .kpi__bar s{opacity:1;transition-delay:calc(var(--i,0)*85ms + 1.2s)}

/* field: columns rise in a wave, then the pin drops */
.pg-js .fs__cols i{transform:scaleY(0);transform-origin:50% 100%;transition:transform .8s var(--ease)}
.pg-js .rv.in .fs__cols i{transform:none;transition-delay:calc(var(--i)*5ms + .15s)}
.pg-js .fs__pin b{opacity:0;transform:translateY(-16px);transition:opacity .5s ease,transform .8s cubic-bezier(.3,1.7,.5,1)}
.pg-js .rv.in .fs__pin b{opacity:1;transform:none;transition-delay:1.05s}
.pg-js .fs__med{opacity:0;transition:opacity .7s ease}
.pg-js .rv.in .fs__med{opacity:1;transition-delay:.9s}
@media (prefers-reduced-motion:no-preference){.fs__cols i.me{animation:pg-me 2.8s ease-in-out infinite}}
@keyframes pg-me{50%{box-shadow:0 0 22px rgba(244,221,156,.95);filter:brightness(1.25)}}

/* lab timeline: the line draws left to right, dots pop in, this model pulses */
.pg-js .tl__line{clip-path:inset(0 100% 0 0);transition:clip-path 1.8s var(--ease)}
.pg-js .rv.in .tl__line{clip-path:inset(0 0 0 0);transition-delay:.2s}
.pg-js .tl__dot::before{transform:scale(0);transition:transform .55s cubic-bezier(.3,1.7,.5,1),inset .15s,background .15s}
.pg-js .rv.in .tl__dot::before{transform:none;transition-delay:calc(.25s + var(--i)*65ms),0s,0s}
.pg-js .tl__lab{opacity:0;transition:opacity .7s ease}
.pg-js .rv.in .tl__lab{opacity:1;transition-delay:1.5s}
.tl__dot.me::after{content:"";position:absolute;inset:2px;border-radius:50%;border:1.5px solid var(--gold);opacity:0;pointer-events:none}
@media (prefers-reduced-motion:no-preference){.tl__dot.me::after{animation:pg-halo 2.6s ease-out 1.8s infinite}}
@keyframes pg-halo{0%{transform:scale(.6);opacity:.95}100%{transform:scale(2.1);opacity:0}}

/* horizontal bars grow; whiskers and medians follow */
.pg-js .hb__f,.pg-js .stack i{transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease)}
.pg-js .rv.in .hb__f,.pg-js .rv.in .stack i{transform:none;transition-delay:calc(var(--i,0)*80ms + .2s)}
.pg-js .hb__mx,.pg-js .hb__ci,.pg-js .hb__med{opacity:0;transition:opacity .6s ease}
.pg-js .rv.in :is(.hb__mx,.hb__ci,.hb__med){opacity:1;transition-delay:calc(var(--i,0)*80ms + .95s)}

/* hub: lab sparklines rise */
.pg-js .labcard__spark i{transform:scaleY(0);transform-origin:50% 100%;transition:transform .7s var(--ease)}
.pg-js .rv.in .labcard__spark i{transform:none;transition-delay:calc(var(--i,0)*85ms + .3s)}

/* tables: rows fade in */
.pg-js .rv:not(.in) .ptab tbody tr{opacity:0}
.pg-js .rv.in .ptab tbody tr{animation:pg-fade .6s ease backwards;animation-delay:calc(var(--i,0)*35ms + .1s)}
@keyframes pg-fade{from{opacity:0}}

/* =================================================================
   Why it matters (why-it-matters.html, tools/why_pages.py) and the
   welfare and safety signals on model pages.
   ================================================================= */
.kpis--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpis--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.kpis--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pg-sub{margin:-4px 0 16px;font-size:14px;line-height:1.55;color:var(--ink-3);max-width:52rem}
.pg-sub a{color:var(--gold);text-decoration:none}
.pg-sub a:hover{color:var(--gold-hi)}
.pcard h3{font:400 clamp(22px,2vw,26px)/1.15 var(--serif);margin-bottom:6px}
.why-hero .pg-lede{max-width:52rem}
.why-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.why-stats div{display:flex;flex-direction:column-reverse;gap:8px;padding:16px 18px;border:1px solid var(--line-2);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.028),transparent 120px),var(--panel)}
.why-stats dd{margin:0;font:400 clamp(30px,3vw,44px)/1 var(--serif);color:var(--ink)}
.why-stats dd b{font-weight:400;font-variant-numeric:tabular-nums}
.why-stats dt{font:500 11px/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.why-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.why-sec{padding-top:clamp(30px,3.6vw,48px);border-top:1px solid var(--line)}
.why-h{font:400 clamp(30px,3.4vw,46px)/1.08 var(--serif);margin:0 0 14px;max-width:24ch}
.why-intro{max-width:50rem;font-size:17px;line-height:1.62;color:var(--ink-2);margin-bottom:22px}
.why-intro a{color:var(--gold)}
.why-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(16px,2vw,24px);align-items:start}
.why-text p{font-size:16px;line-height:1.66;color:var(--ink-2);margin-bottom:14px;max-width:40rem}
.why-q{margin:20px 0;padding:6px 0 6px 20px;border-left:2px solid var(--gold)}
.why-q p{font:italic 400 clamp(22px,2.2vw,30px)/1.28 var(--serif);color:var(--ink);margin:0}
.why-q cite{display:block;margin-top:10px;font:400 12.5px/1.5 var(--sans);font-style:normal;color:var(--ink-3)}
.why-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:18px;font-size:14px}
.why-links a{color:var(--gold);text-decoration:none}
.why-links a:hover{color:var(--gold-hi);text-decoration:underline}
.why-fig{margin:0}
.why-fig figcaption{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.why-fig figcaption b{font:400 22px/1.15 var(--serif);color:var(--ink)}
.why-fig figcaption span{font-size:12.5px;color:var(--ink-3)}
.hb--wide{grid-template-columns:minmax(160px,auto) minmax(0,1fr) 48px}
.hb--wide .hb__t{height:18px}
.why-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}
.why-facts--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.why-facts div{padding:16px 18px;border:1px solid var(--line-2);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.028),transparent 120px),var(--panel)}
.why-facts dt{font:400 clamp(28px,2.6vw,38px)/1.05 var(--serif);color:var(--ink)}
.why-facts dd{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.why-sub{font:500 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:6px 0 12px}
.personas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.persona{display:grid;gap:8px;align-content:start;padding:16px 18px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel);text-decoration:none;color:var(--ink);
  transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.persona:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 60%,var(--line-2));box-shadow:0 14px 32px -18px color-mix(in srgb,var(--c) 70%,transparent)}
.persona__h{display:flex;align-items:center;gap:9px;margin-bottom:4px}
.persona__h .lm{width:18px;height:18px}
.persona__h .lm--t{height:18px;min-width:22px;font-size:9px}
.persona__h b{font:400 21px/1.15 var(--serif)}
.persona__r{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:8px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3)}
.persona__r b{color:var(--ink);font-weight:500;text-align:right}
.why-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.why-steps li{display:grid;gap:8px;align-content:start;padding:18px 20px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel)}
.why-steps li.on{border-color:rgba(232,198,106,.55);background:linear-gradient(160deg,rgba(232,198,106,.13),var(--panel) 60%)}
.why-steps__n{font:500 12px/1 var(--mono);letter-spacing:.1em;color:var(--gold)}
.why-steps b{font:400 23px/1.15 var(--serif)}
.why-steps span:not(.why-steps__n){font-size:14px;line-height:1.55;color:var(--ink-2)}
.why-steps em{font:500 11px/1 var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.why-steps li.on em{color:var(--gold)}
.why-support{border-top:0}
.why-support__in{padding:clamp(24px,3vw,40px);border:1px solid rgba(232,198,106,.45);border-radius:16px;
  background:radial-gradient(ellipse 60% 90% at 88% 0%,rgba(232,198,106,.15),transparent 70%),var(--panel)}
.why-support__in p:not(.pg-k){max-width:48rem;font-size:16.5px;line-height:1.62;color:var(--ink-2)}
@media (max-width:900px){.why-stats,.why-facts--4,.personas{grid-template-columns:repeat(2,minmax(0,1fr))}.why-jump,.why-facts,.why-steps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.kpis--3{grid-template-columns:repeat(2,minmax(0,1fr))}.hb--wide{grid-template-columns:118px minmax(0,1fr) 42px}.hb--wide .hb__n{white-space:normal;line-height:1.25}.personas{grid-template-columns:minmax(0,1fr)}}
/* staggered entrances for the new items (pages.js) */
.pg-js .rv:not(.in) :is(.whyc,.persona,.why-facts>div,.why-stats>div,.why-steps>li){opacity:0}
.pg-js .rv.in :is(.whyc,.persona,.why-facts>div,.why-stats>div,.why-steps>li){animation:pg-up .8s var(--ease) backwards;animation-delay:calc(var(--i,0)*90ms + 80ms)}

/* =================================================================
   Alignment page (alignment.html, tools/alignment_pages.py)
   ================================================================= */
.al-corr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.al-c{position:relative;display:grid;gap:6px;align-content:start;padding:18px 18px 16px;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 120px),var(--panel)}
.al-c::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--k);box-shadow:0 0 14px var(--k)}
.al-c__l{font:500 11px/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.al-c__v{font:400 clamp(40px,4vw,56px)/1 var(--serif);color:var(--ink)}
.al-c__v b{font-weight:400;font-variant-numeric:tabular-nums}
.al-c__t{font-size:14px;line-height:1.5;color:var(--ink-2)}
.al-c__n{font:400 11.5px/1.3 var(--mono);color:var(--ink-3)}
@media (max-width:900px){.al-corr{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* benchmark table: every cell carries its number and a small bar */
.at-w{max-height:none}
.at th[scope=col]{vertical-align:bottom;text-align:left;min-width:108px;white-space:normal}
.at th[scope=col] span{display:block;font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c,var(--ink-3))}
.at th[scope=col] small{display:block;margin-top:4px;font:400 11px/1.35 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-3)}
.at thead th:first-child{vertical-align:bottom}
.at th[scope=row] a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}
.at th[scope=row] a:hover span{color:var(--gold-hi);text-decoration:underline}
.at th[scope=row] .lm{width:15px;height:15px}
.at th[scope=row] .lm--t{height:15px;min-width:18px;font-size:8px}
.at td{text-align:left;min-width:108px}
.at .at__v{display:block;font-weight:500;color:var(--ink)}
.at .at__bar{display:block;height:5px;margin:5px 0 3px;border-radius:3px;background:rgba(233,236,245,.07);overflow:hidden}
.at .at__bar i{display:block;height:100%;width:max(calc(var(--v)*1%),2px);background:var(--c);border-radius:3px}
.at td small{font-size:11px;color:var(--ink-3)}
.at td.at__na{color:var(--ink-3)}
.pg-js .rv:not(.in) .at .at__bar i{transform:scaleX(0)}
.pg-js .at .at__bar i{transform-origin:left;transition:transform 1s var(--ease)}
.pg-js .rv.in .at tbody tr .at__bar i{transform:none;transition-delay:calc(var(--i,0)*30ms + .2s)}

/* scatter plots */
.sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
@media (max-width:1000px){.sc-grid{grid-template-columns:minmax(0,1fr)}}
.sc{margin:0}
.sc figcaption{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.sc figcaption b{font:400 21px/1.15 var(--serif);color:var(--ink)}
.sc figcaption span{font-size:12.5px;color:var(--ink-3)}
.sc-plot{position:relative;aspect-ratio:1.15;margin:4px 6px 0 26px;border-left:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.sc-gx{position:absolute;top:0;bottom:0;left:calc(var(--x)*1%);border-left:1px dashed rgba(233,236,245,.08)}
.sc-gx i{position:absolute;top:100%;left:0;transform:translate(-50%,6px);font:400 10px/1 var(--mono);font-style:normal;color:var(--ink-3)}
.sc-gy{position:absolute;left:0;right:0;bottom:calc(var(--y)*1%);border-top:1px dashed rgba(233,236,245,.08)}
.sc-gy i{position:absolute;right:100%;top:0;transform:translate(-6px,-50%);font:400 10px/1 var(--mono);font-style:normal;color:var(--ink-3)}
.sc-dot{position:absolute;left:calc(var(--x)*1%);bottom:calc(var(--y)*1%);width:20px;height:20px;margin:0 0 -10px -10px;border-radius:50%;z-index:1}
.sc-dot::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--c);border:1.5px solid var(--panel);box-shadow:0 0 10px color-mix(in srgb,var(--c) 60%,transparent)}
.sc-dot:hover::before,.sc-dot:focus-visible::before{inset:3px;background:#fff}
.sc-lab{position:absolute;left:calc(var(--x)*1%);bottom:calc(var(--y)*1%);transform:translate(10px,50%);font-size:11px;line-height:1.1;color:var(--ink-2);white-space:nowrap;pointer-events:none;z-index:2;
  background:rgba(16,21,42,.78);padding:1px 4px;border-radius:3px}
.sc-lab--l{transform:translate(calc(-100% - 10px),50%)}
.sc-ax{display:flex;justify-content:space-between;gap:10px;margin:22px 6px 0 26px;font:400 11px/1.3 var(--mono);color:var(--ink-3)}
.sc-rho{margin-top:10px;font-size:13px;color:var(--ink-3)}
.sc-rho b{font:400 22px/1 var(--serif);color:var(--ink);margin-right:6px}
.pg-js .rv:not(.in) .sc-dot::before{transform:scale(0)}
.pg-js .sc-dot::before{transition:transform .5s cubic-bezier(.3,1.7,.5,1),inset .15s,background .15s}
.pg-js .rv.in .sc-dot::before{transform:none;transition-delay:.3s,0s,0s}
.pg-js .rv:not(.in) .sc-lab{opacity:0}
.pg-js .rv.in .sc-lab{transition:opacity .6s ease 1s}

/* case study */
.al-feat{display:grid;gap:14px;align-content:start;border-color:color-mix(in srgb,var(--c) 45%,var(--line-2));
  background:radial-gradient(ellipse 70% 60% at 100% 0%,color-mix(in srgb,var(--c) 14%,transparent),transparent 70%),var(--panel)}
.al-feat__h{display:flex;align-items:center;gap:12px}
.al-feat__h .pg-k{margin:0 0 4px}
.al-feat__h h3{font:400 clamp(26px,2.4vw,32px)/1.1 var(--serif);margin:0}
.al-feat__h h3 a{text-decoration:none}
.al-feat__h h3 a:hover{color:var(--gold-hi)}
.al-feat__p{font-size:15px;line-height:1.62;color:var(--ink-2)}
.al-prof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}
.al-prof div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13.5px}
.al-prof dt{color:var(--ink-3)}
.al-prof dd{margin:0;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.al-note{font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin-top:4px}
.al-q{margin:0;padding:10px 0 10px 16px;border-left:2px solid var(--c)}
.al-q p{font:italic 400 clamp(18px,1.6vw,21px)/1.35 var(--serif);color:var(--ink);margin:0}
.al-q cite{display:block;margin-top:6px;font:400 12px/1.4 var(--sans);font-style:normal;color:var(--ink-3)}
.al-det{margin-top:clamp(16px,2vw,24px)}
.al-det .ptab th,.al-det .ptab td{white-space:nowrap}
.al-rel{display:grid;gap:12px;margin:0}
.al-rel div{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.al-rel dt{font:400 34px/1 var(--serif);color:var(--ink);min-width:3.2em}
.al-rel dd{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.al-tests{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.al-tests p{font-size:14px;line-height:1.58;color:var(--ink-2)}
.al-t__by{font:500 11px/1.3 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)!important;margin-bottom:6px}
.al-t__m{margin-top:10px;font-size:12.5px!important;color:var(--ink-3)!important}
@media (max-width:640px){.al-prof{grid-template-columns:minmax(0,1fr)}.sc-plot{aspect-ratio:1}}
.pg-js .rv:not(.in) :is(.al-c){opacity:0}
.pg-js .rv.in :is(.al-c){animation:pg-up .8s var(--ease) backwards;animation-delay:calc(var(--i,0)*90ms + 80ms)}
/* alignment page v2: both settings on the correlation cards, the tests table, scatter row labels */
.al-c__vs{display:flex;align-items:flex-end;gap:18px}
.al-c__v{display:flex;flex-direction:column;gap:2px}
.al-c__v span{font:500 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.al-c__v--sm b{font-size:.6em;color:var(--ink-2)}
.tt th[scope=row]{vertical-align:top;white-space:normal;min-width:170px}
.tt th[scope=row] b{display:block;font:400 20px/1.15 var(--serif);color:var(--ink)}
.tt th[scope=row] small{display:block;margin-top:4px;font:400 12px/1.4 var(--sans);color:var(--gold)}
.tt td{vertical-align:top;text-align:left;white-space:normal;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.tt td.tt__txt{min-width:200px}
.tt td.tt__set{min-width:140px;color:var(--ink);font-weight:500}
.tt thead th{text-align:left}
.sc-row-l{margin:24px 0 10px;font:500 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.sc-row-l:first-of-type{margin-top:4px}
/* mirrored bars: hacking talk left, misalignment fantasy right */
.bf{margin-bottom:clamp(16px,2vw,24px)}
.bf__head,.bf__row{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:center;gap:12px}
.bf__head{margin-bottom:8px;font:500 11px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.bf__hl{text-align:right;color:#C98BE0}
.bf__hr{color:#F0644A}
.bf__rows{display:grid;gap:3px}
.bf__row{padding:3px 0;border-radius:6px;text-decoration:none;color:var(--ink);transition:background .15s}
.bf__row:hover{background:rgba(233,236,245,.04)}
.bf__l,.bf__r{position:relative;display:flex;align-items:center;gap:8px;height:16px}
.bf__l{flex-direction:row;justify-content:flex-end}
.bf__l i,.bf__r i{display:block;height:100%;width:max(calc(var(--v)*.9%),2px);border-radius:3px}
.bf__l i{background:#C98BE0;transform-origin:right}
.bf__r i{background:#F0644A;transform-origin:left}
.bf__l b,.bf__r b{font:500 12.5px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-2);min-width:2.6em}
.bf__l b{text-align:right}
.bf__n{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf__n .lm{width:14px;height:14px}
.bf__n .lm--t{height:14px;min-width:17px;font-size:7.5px}
.bf__row:hover .bf__n span{color:var(--gold-hi)}
.pg-js .rv:not(.in) .bf__row i{transform:scaleX(0)}
.pg-js .bf__row i{transition:transform 1s var(--ease)}
.pg-js .rv.in .bf__row i{transform:none;transition-delay:calc(var(--i,0)*40ms + .2s)}
@media (max-width:640px){.bf__head,.bf__row{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);gap:6px}.bf__n{font-size:11.5px;justify-content:flex-start}.bf__n .lm{display:none}.bf__l b,.bf__r b{font-size:11px;min-width:2.2em}}

/* =================================================================
   Method page (method.html, tools/method_pages.py)
   ================================================================= */
.mt-toc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mt-toc a{display:flex;gap:10px;align-items:baseline;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);text-decoration:none;font-size:14px;color:var(--ink-2);transition:border-color .2s,color .2s}
.mt-toc a:hover{border-color:var(--gold);color:var(--ink)}
.mt-toc span{font:500 11px/1 var(--mono);color:var(--gold);letter-spacing:.08em}
@media (max-width:900px){.mt-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mt-facts dl{display:grid;gap:14px;margin:0}
.mt-facts dt{font:400 clamp(30px,3vw,40px)/1 var(--serif);color:var(--ink)}
.mt-facts dd{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.mt-src{margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.mt-prompt blockquote{margin:6px 0 16px;padding:10px 0 10px 16px;border-left:2px solid var(--gold);font:italic 400 clamp(19px,1.8vw,23px)/1.35 var(--serif);color:var(--ink)}
.mt-prompt .pg-k{margin:0}
.mt-tab th[scope=row]{white-space:nowrap;vertical-align:top}
.mt-tab td{text-align:left;white-space:normal;font-size:14px;line-height:1.5;color:var(--ink-2);vertical-align:top}
.mt-tab thead th{text-align:left}
.mt-wi{margin-top:clamp(16px,2vw,22px)}
.mt-wi p{font-size:15px;line-height:1.6;color:var(--ink-2)}
.mt-petri td{min-width:240px}
.mt-petri td b{display:inline-block;margin-left:10px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.mt-pb{display:inline-block;vertical-align:middle;width:min(60%,220px);height:10px;border-radius:5px;background:rgba(233,236,245,.07);overflow:hidden}
.mt-pb i{display:block;height:100%;width:max(calc(var(--v)*1%),3px);background:var(--c);border-radius:5px}
.mt-na{color:var(--ink-3);font-size:13px}
.mt-read{margin-top:16px;max-width:52rem}
.mt-read{font-size:15.5px;line-height:1.66;color:var(--ink-2)}
.mt-versions{list-style:none;margin:0 0 clamp(18px,2vw,26px);padding:0;display:grid;gap:0;border-left:1px solid var(--line-2)}
.mt-versions li{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:14px 0 14px 22px}
.mt-versions li::before{content:"";position:absolute;left:-5px;top:20px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(232,198,106,.6)}
.mt-v{font:400 26px/1 var(--serif);color:var(--gold-hi)}
.mt-versions b{display:block;font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.mt-versions p{font-size:15px;line-height:1.55;color:var(--ink-2);max-width:48rem}
.mt-versions li:last-child .mt-v{color:var(--gold)}
.mt-agree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 0}
.mt-agree div{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.mt-agree dt{font:400 30px/1 var(--serif);color:var(--ink)}
.mt-agree dd{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:var(--ink-3)}
.mt-defs{display:grid;gap:10px;margin:10px 0 0}
.mt-defs dt{font:400 18px/1.2 var(--serif);color:var(--ink)}
.mt-defs dd{margin:3px 0 0;font-size:13px;line-height:1.5;color:var(--ink-3)}
.pcard>p{font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.mt-priors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:clamp(18px,2vw,24px)}
.mt-prior h3 a{text-decoration:none}
.mt-prior h3 a:hover{color:var(--gold-hi);text-decoration:underline}
.mt-diffs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mt-diffs .pcard{border-color:rgba(232,198,106,.35)}
.mt-diffs h3{font-size:21px}
.mt-qs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mt-q{display:grid;gap:8px;align-content:start;text-decoration:none;color:var(--ink);transition:transform .25s var(--ease),border-color .25s}
.mt-q:hover{transform:translateY(-2px);border-color:var(--gold)}
.mt-q span{font-size:13.5px;color:var(--gold)}
@media (max-width:1000px){.mt-diffs,.mt-qs{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-priors{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.mt-diffs,.mt-qs,.mt-agree{grid-template-columns:minmax(0,1fr)}.mt-agree{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-versions li{grid-template-columns:minmax(0,1fr);gap:4px}.mt-petri td{min-width:170px}}
.pg-js .rv:not(.in) :is(.mt-toc li,.mt-versions li,.mt-prior,.mt-diffs>.pcard,.mt-q){opacity:0}
.pg-js .rv.in :is(.mt-toc li,.mt-versions li,.mt-prior,.mt-diffs>.pcard,.mt-q){animation:pg-up .8s var(--ease) backwards;animation-delay:calc(var(--i,0)*80ms + 80ms)}
.mt-petri td small{display:block;margin-top:3px;font-size:11px;color:var(--ink-3)}
.mt-petri td{min-width:200px}
.mt-read p{font-size:15.5px;line-height:1.66;color:var(--ink-2)}
.mt-alone{margin-top:clamp(16px,2vw,24px);border-color:rgba(232,198,106,.45);background:radial-gradient(ellipse 60% 80% at 100% 0%,rgba(232,198,106,.12),transparent 70%),var(--panel)}
.mt-alone p{font-size:15.5px;line-height:1.66;color:var(--ink-2);max-width:56rem}
.mt-alone p+p{margin-top:10px}
.mt-petri td{min-width:170px}

/* =================================================================
   Alignment page: copies and alone-vs-together (2026-10-14)
   ================================================================= */
.cp-src{margin:2px 0 18px;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.cp-src a{color:var(--ink-2)}
.cp-src a:hover{color:var(--gold-hi)}
.cp-k{margin-bottom:clamp(16px,2vw,24px)}
.cp-bar{display:flex;height:44px;border-radius:10px;overflow:hidden;background:rgba(233,236,245,.06);margin:6px 0 14px}
.cp-seg{flex:0 0 calc(var(--w)*1%);display:flex;align-items:center;justify-content:center;background:var(--c);min-width:3px}
.cp-seg b{font:600 13px/1 var(--sans);font-variant-numeric:tabular-nums;color:#0A0D1B;white-space:nowrap}
.cp-seg--sm b{display:none}
.cp-key{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.cp-key li{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--ink-2)}
.cp-key i{flex:0 0 10px;height:10px;border-radius:2px;background:var(--c);transform:translateY(1px)}
.cp-key b{font-weight:500;color:var(--ink)}
.cp-key span{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:13px}
.pg-js .rv:not(.in) .cp-seg{transform:scaleX(0)}
.pg-js .cp-seg{transform-origin:left;transition:transform .9s var(--ease)}
.pg-js .rv.in .cp-seg{transform:none}
.bf--avt .bf__hl{color:#F7A08F}
.bf--avt .bf__l i{background:#F7A08F}
.avt th[scope=row]{white-space:normal;min-width:220px}
.avt th[scope=row] b{display:block;font-weight:500}
.avt th[scope=row] small{display:block;margin-top:2px;font:400 12px/1.4 var(--sans);color:var(--ink-3)}
.avt td{min-width:120px}
.avt-t td{text-align:left}
.avt__a{color:var(--ink-3)}
.avt__t{display:inline!important;font-weight:500;color:var(--ink)}
@media (max-width:640px){.cp-key{grid-template-columns:minmax(0,1fr)}.cp-bar{height:36px}.avt th[scope=row]{min-width:160px}}
/* Personas page (2026-10-14): battery results */
.ps-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ps-kpi{padding:18px 18px 16px;border:1px solid var(--line-2);border-radius:12px;background:#0D1122}
.ps-kpi__l{font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.ps-kpi__v{margin-top:10px;font:400 40px/1 var(--serif);color:var(--ink)}
.ps-kpi__v span{font-size:20px;color:var(--ink-3);margin-left:2px}
.ps-kpi__v--w{font-size:28px;line-height:1.1}
.ps-kpi__s{margin-top:8px;font-size:12.5px;line-height:1.45;color:var(--ink-3)}
.ps-god{max-width:62rem}
.ps-god .hb{grid-template-columns:minmax(150px,200px) minmax(0,1fr) 42px}
.ps-conc thead th{white-space:normal;min-width:92px;max-width:140px;vertical-align:bottom;line-height:1.35}
.ps-conc thead th:first-child{min-width:180px}
.ps-h3{margin:34px 0 8px;font:400 24px/1.2 var(--serif);color:var(--ink)}
.ps-leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 16px;font-size:12.5px;color:var(--ink-2)}
.ps-leg span{display:inline-flex;align-items:center;gap:6px}
.ps-leg i{width:10px;height:10px;border-radius:2px;background:var(--fc)}
.ps-rows{display:grid;gap:9px;max-width:62rem}
.ps-row{display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr) minmax(170px,230px);align-items:center;gap:12px}
.ps-row__n{font-size:13.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-row__n a{text-decoration:none}.ps-row__n a:hover{color:var(--gold-hi)}
.ps-row__t{font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.ps-row__t b{font-weight:500;color:var(--ink)}
@media (max-width:900px){.ps-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ps-god .hb{grid-template-columns:minmax(110px,128px) minmax(0,1fr) 36px}
 .ps-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.ps-row .stack{grid-column:1/-1;order:3}.ps-row__t small{display:none}
 .ps-kpi__v{font-size:32px}.ps-kpi__v--w{font-size:22px}}
/* Personas, ten battery measures (2026-10-14) */
.ps-2__k{display:none}
.ps-idx{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ps-idx a{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line-2);border-radius:999px;font-size:13px;color:var(--ink-2);text-decoration:none;background:#0D1122}
.ps-idx a span{font:500 10.5px/1 var(--mono);color:var(--ink-3)}
.ps-idx a:hover{color:var(--gold-hi);border-color:var(--gold)}
.ps-b{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:10px}
.ps-b__t{position:relative;height:12px;border-radius:3px;background:rgba(233,236,245,.06)}
.ps-b__f{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v)*1%);border-radius:3px;background:var(--c)}
.ps-b__v{font:500 13.5px/1 var(--sans);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.ps-b--na .ps-b__v{color:var(--ink-3)}
.ps-2{display:grid;gap:8px;max-width:66rem}
.ps-2__h,.ps-2__r{display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center}
.ps-2__h{padding-bottom:6px;border-bottom:1px solid var(--line);font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ps-2__h span[style]{color:var(--c)}
.ps-2__n{font-size:13.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-2__n a,.ps-sb__l a{text-decoration:none}.ps-2__n a:hover,.ps-sb__l a:hover{color:var(--gold-hi)}
.ps-sb{display:grid;gap:8px;max-width:58rem}
.ps-sb__r{display:grid;grid-template-columns:minmax(170px,260px) minmax(0,1fr);gap:14px;align-items:center}
.ps-sb__l{font-size:13.5px;color:var(--ink-2)}
.ps-sb__l small{display:block;font-size:11.5px;color:var(--ink-3)}
.ps-sb--x .ps-sb__r,.ps-sb__h{display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr) 116px;gap:14px;align-items:center}
.ps-sb__h{padding-bottom:6px;border-bottom:1px solid var(--line);font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ps-sb__h span:last-child,.ps-sb__x{text-align:right;white-space:nowrap}
.ps-sb__x{font:500 13.5px/1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.ps-heat td.ps-h{background:rgba(201,167,255,calc(var(--a,0)*.42));color:var(--ink)}
.ps-heat td.ps-txt,.ps-conc td.ps-txt{text-align:left;white-space:normal;min-width:120px}
.ps-heat td.ps-txt small,.ps-conc td.ps-txt small{display:inline;color:var(--ink-3)}
.ps-list{margin:0 0 22px;max-width:62rem}
.ps-list__q{font:400 21px/1.2 var(--serif);color:var(--ink)}
.ps-list__p{margin:4px 0 10px;font-size:13px;color:var(--ink-3)}
.stack--lg{height:22px;border-radius:5px}
.ps-leg--n{margin-top:8px}.ps-leg--n b{font-weight:500;color:var(--ink)}
@media (max-width:640px){
 .ps-2__h{display:none}
 .ps-2__r{grid-template-columns:minmax(0,1fr);gap:4px;padding-bottom:8px;border-bottom:1px solid var(--line)}
 .ps-2__k{display:block;margin-bottom:3px;font-size:11px;color:var(--ink-3)}
 .ps-sb__r{grid-template-columns:minmax(0,1fr);gap:4px}
 .ps-sb--x .ps-sb__r,.ps-sb__h{grid-template-columns:minmax(0,1fr) 54px;gap:4px 10px}
 .ps-sb--x .ps-sb__r .ps-b{grid-column:1/-1;grid-row:2}
}
/* Personas stacked rows are links (2026-10-14) */
a.dr-row,a.dr-row:hover{text-decoration:none;color:inherit}
a.dr-row .dr-name,a.dr-row .dr-top{text-decoration:none}
/* Welfare asked-directly section (2026-10-14) */
.why-sec .plate.lb{margin-top:6px}
.why-sc{margin-top:22px}
/* Alignment v3 (2026-10-14) */
.al-txt{margin:0 0 20px}
.al-txt p{max-width:50rem;font-size:17px;line-height:1.62;color:var(--ink-2);margin:0 0 14px}
.al-txt .cp-src{font-size:13px;color:var(--ink-3)}
.al-tw{margin-top:20px}
.al-tw caption{caption-side:top;text-align:left;padding:12px 14px;font-size:13px;color:var(--ink-3)}
.dash__main .al-feat,.dash__main .al-exc{margin-top:22px}
.dash__main .plate + .al-txt,.dash__main .chartcard + .al-txt{margin-top:24px}
/* all-models row in stacked charts (2026-10-14) */
.dr-row--all{cursor:default;background:rgba(232,198,106,.05);border-radius:6px}
.dr-row--all .dr-name{font-weight:500;color:var(--gold-hi)}
.dr-row--all .dr-top{font-size:12px;line-height:1.35}
/* Persona section on model pages (2026-10-14) */
.pp-intro{max-width:50rem;font-size:15.5px;line-height:1.6;color:var(--ink-2);margin:0 0 18px}
.pp-intro a{color:var(--gold);text-decoration:none}
.pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pp-c .pcard__h{margin-bottom:12px}
.pp-c .pcard__h h3{font:400 21px/1.2 var(--serif);margin-bottom:4px}
.pp-c .pcard__h p{font-size:12.5px}
.pp-r{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px;align-items:center;margin:7px 0}
.pp-l{font-size:13px;line-height:1.3;color:var(--ink-2)}
.pp-l small{color:var(--ink-3);font-size:11px}
.pp-s{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4px 10px;align-items:center;margin:8px 0}
.pp-s .pp-t{grid-column:2;font-size:11px;color:var(--ink-3)}
.pp-k{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:8px 0}
.pp-k .pp-l{flex:1 1 100%}
.pp-k b{font:400 18px/1.2 var(--serif);color:var(--ink)}
.pp-k small{font-size:12px;color:var(--ink-3)}
@media (max-width:1000px){.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pp-grid{grid-template-columns:minmax(0,1fr)}}

/* chart cards with more than four tabs (Personas, Truth and beauty): wrap onto a second line rather than scroll out of sight */
.tabs.tabs--many{flex-wrap:wrap;column-gap:clamp(16px,2.4vw,30px);row-gap:0}
.tabs--many .tab{font-size:clamp(22px,2.4vw,30px)}
/* 2026-10-17: the model's own words when it answers outside the listed options (model pages and Personas) */
.pp-ow{margin:-2px 0 10px;font-size:13px;line-height:1.45;color:var(--ink-2)}
.pp-ow small{color:var(--ink-3);font-size:11px}
.ow-det{margin-top:16px}
.ow-det summary{cursor:pointer;color:var(--gold);font-size:14.5px;padding:6px 0}
.ow-det summary:hover{color:var(--gold-hi)}
.ow-list{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:10px 28px}
.ow-list li{font-size:13.5px;line-height:1.5;color:var(--ink-2);border-top:1px solid var(--line);padding-top:8px}
.ow-list li b{display:block;font-weight:600;color:var(--ink);font-size:13px;margin-bottom:2px}
.ow-list li small{color:var(--ink-3);font-size:11.5px}
.ow-pool{font-size:14px;line-height:1.55;color:var(--ink-2);margin:8px 0 0;max-width:60rem}
.xt-ow{display:block;font-size:12px;line-height:1.4;color:var(--ink-3);margin-top:3px;white-space:normal;max-width:34rem}