/* Horse-Oracle theme 2.0 — screen.css
   One stylesheet, one token block. Colours come from the approved homepage
   (sampled), evidence-tag values from HO-DESIGN_design-system.md v4.
   No hard-coded colours below the :root block. */

/* ---- 1. Fonts (self-hosted, Latin subset, SIL OFL: see fonts/OFL-*.txt) ----
   Libre Caslon Text: headlines, names and reading copy. Caslon is the racing calendar's face.
   Archivo (variable width and weight): every figure, label, post time and button, at 78% width. */
@font-face{font-family:"Libre Caslon Text";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/libre-caslon-text-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/libre-caslon-text-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/libre-caslon-text-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2-variations"),url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2")}

/* ---- 2. Tokens ---- */
:root{
  --night:#101e16; --night-rgb:10,20,15; --night-2:#16291f; --night-3:#1f3a2c; --panel:rgba(16,30,22,.86);
  --ribbon:#fdf2cc; --paper:#f5f1e7; --paper-2:#fefaf2; --white:#ffffff;
  --ink:#14201b; --body:#2b3730; --ink-2:#44524a; --ink-3:#5c6862; --rule:#d9d2bd; --rule-night:#2a4034;
  --amber:#d99a2b; --amber-ink:#4a3003; --sage:#3f7d68; --sage-2:#5f9a86; --sage-3:#7fb6a0;
  --gold:#c3a45a; --gold-2:#e4ce92; --gold-ink:#6a4d12;
  --on-night:#f3efe2; --on-night-dim:#a9b8ae;
  /* evidence tags: identical to Paddock */
  --board:#10312a; --board-2:#164238; --board-text:#f3f5f2; --board-dim:#9fb5ac; --deficit:#b2402f; --lead:#1f7a4d;
  /* saddlecloth chips: 1-8 locked, 9-20 provisional (design-system v4) */
  --cloth-1:#c8102e; --cloth-ink-1:#fff; --cloth-2:#fff; --cloth-ink-2:#000; --cloth-3:#0033a0; --cloth-ink-3:#fff; --cloth-4:#ffd100; --cloth-ink-4:#000;
  --cloth-5:#00843d; --cloth-ink-5:#fff; --cloth-6:#000; --cloth-ink-6:#ffd100; --cloth-7:#ff6a13; --cloth-ink-7:#000; --cloth-8:#f4a6c8; --cloth-ink-8:#000;
  --cloth-9:#00b2a9; --cloth-ink-9:#000; --cloth-10:#6d2077; --cloth-ink-10:#fff; --cloth-11:#8a8d8f; --cloth-ink-11:#000; --cloth-12:#a4d65e; --cloth-ink-12:#000;
  --cloth-13:#6b4226; --cloth-ink-13:#fff; --cloth-14:#7a1f2b; --cloth-ink-14:#fff; --cloth-15:#c3b091; --cloth-ink-15:#000; --cloth-16:#6a8fb3; --cloth-ink-16:#000;
  --cloth-17:#1f2a44; --cloth-ink-17:#fff; --cloth-18:#22543d; --cloth-ink-18:#fff; --cloth-19:#c9ced6; --cloth-ink-19:#000; --cloth-20:#d6247d; --cloth-ink-20:#fff;
  /* type */
  --display:var(--gh-font-heading,"Libre Caslon Text",Georgia,serif);
  --copy:var(--gh-font-body,"Libre Caslon Text",Georgia,serif);
  --fig:"Archivo","Arial Narrow",sans-serif; --fig-w:78%; --fig-wide:92%;
  /* layout */
  --wrap:1200px; --gutter:32px; --measure:720px;
}

/* ---- 3. Base ---- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--body);font-family:var(--copy);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-weight:500}
p{margin:0 0 1em}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.fig{font-family:var(--fig);font-stretch:var(--fig-w);font-stretch:var(--fig-w);font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:720px){:root{--gutter:20px} body{font-size:17px}}

/* ---- 4. Chrome: header, nav, ribbon, footer ---- */
.site-header{background:var(--night);color:var(--on-night);position:relative;z-index:20}
.site-header__bar{display:flex;align-items:center;gap:28px;min-height:88px}
.brand{display:flex;align-items:center;text-decoration:none;margin-right:auto}
.brand img{height:46px;width:auto}
.brand__word{font-family:var(--display);font-weight:700;font-size:27px;letter-spacing:-.005em;color:var(--on-night)}
.site-nav .nav{list-style:none;margin:0;padding:0;display:flex;gap:34px}
.site-nav .nav a{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:18px;letter-spacing:0;text-decoration:none;color:var(--on-night);opacity:.92;padding:8px 0;display:inline-block;border-bottom:2px solid transparent}
.site-nav .nav a:hover{opacity:1;border-bottom-color:var(--gold)}
.site-nav .nav .nav-current a{opacity:1;border-bottom-color:var(--gold)}
.search-toggle,.nav-toggle{background:none;border:0;color:var(--on-night);cursor:pointer;width:44px;height:44px;display:grid;place-items:center;padding:0}
.search-toggle svg{width:22px;height:22px}
.nav-toggle{display:none}
.nav-toggle__bars,.nav-toggle__bars::before,.nav-toggle__bars::after{display:block;width:24px;height:2px;background:currentColor;content:"";position:relative}
.nav-toggle__bars::before{position:absolute;top:-8px}.nav-toggle__bars::after{position:absolute;top:8px}
.ribbon{background:var(--ribbon);color:var(--ink);text-align:center;padding:9px var(--gutter)}
.ribbon p{margin:0;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;line-height:1.3}
@media (max-width:900px){
  .site-header__bar{min-height:72px;gap:8px;flex-wrap:wrap}
  .nav-toggle{display:grid}
  .site-nav{order:5;flex-basis:100%;display:none;padding-bottom:14px}
  .site-header.is-open .site-nav{display:block}
  .site-nav .nav{flex-direction:column;gap:0}
  .site-nav .nav a{display:block;padding:14px 0;border-bottom:1px solid var(--rule-night);font-size:20px}
  .no-js .site-nav{display:block}
  .ribbon p{font-size:12.5px;letter-spacing:.06em;font-stretch:var(--fig-w);white-space:nowrap}
}
.site-footer{background:var(--night);color:var(--on-night-dim);padding:56px 0 40px;font-size:16px}
.site-footer__grid{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(auto-fit,minmax(150px,1fr));gap:40px}
.site-footer .brand__word{font-size:26px}
.site-footer p{margin:12px 0 0;max-width:38ch}
.site-footer h2{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:16px;color:var(--gold);margin:0 0 12px}
.site-footer .nav{list-style:none;margin:0;padding:0}
.site-footer .nav a{display:inline-block;padding:5px 0;color:var(--on-night);text-decoration:none;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:17px}
.site-footer .nav a:hover{color:var(--gold-2)}
.site-footer__base{margin-top:40px;padding-top:20px;border-top:1px solid var(--rule-night);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:15px}
@media (max-width:720px){.site-footer__grid{grid-template-columns:1fr;gap:28px}}

/* ---- 5. Band: the photograph at the head of every page ---- */
.band{position:relative;isolation:isolate;background:var(--night);color:var(--on-night);overflow:hidden;display:flex;align-items:center;min-height:clamp(380px,40vw,500px)}
.band--landing{min-height:clamp(620px,76vh,840px);--focus:58% 38%}
.band--landing .band__panel{max-width:600px}
.band--error{min-height:clamp(360px,36vw,440px)}
.band__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,68% 42%);z-index:-2}
.band__img.is-flipped{transform:scaleX(-1)}
/* focus per photo: keep the subject right of the panel on desktop, high in the frame on a phone */
.page-template .band,.post-template .band,.tag-template .band,.author-template .band,.error-template .band,.home-template.paged .band{--focus:62% 40%;--focus-m:60% 25%}
.page-how-it-works .band{--focus:70% 22%;--focus-m:58% 14%}
.page-results .band,.page-analytics .band{--focus:70% 50%;--focus-m:70% 50%}
.page-races .band{--focus:58% 28%;--focus-m:60% 22%}
.break img{object-position:66% 42%}
.band__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(var(--night-rgb),.88) 0%,rgba(var(--night-rgb),.6) 38%,rgba(var(--night-rgb),0) 68%),linear-gradient(0deg,rgba(var(--night-rgb),.5) 0%,rgba(var(--night-rgb),0) 38%)}
.band>.wrap{position:relative}
.band__panel{max-width:640px;margin:64px 0;padding:36px 44px 40px 40px;background:var(--panel);border-left:3px solid var(--gold)}
.band__series{margin:0 0 12px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:17px;color:var(--gold)}
.band__series a{text-decoration:none}
.band__title{font-family:var(--display);font-weight:700;font-size:clamp(32px,3.6vw,48px);line-height:1.1;letter-spacing:-.012em;color:var(--white);margin:0 0 16px}
.band--landing .band__title{font-size:clamp(38px,4.3vw,60px);line-height:1.04;letter-spacing:-.018em;margin-bottom:22px}
.band__title .ln{display:block}
.band__title em{font-style:normal;color:var(--gold-2)}
.band__lede{font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--on-night);margin:0 0 26px;max-width:52ch}
.band__meta{margin:0;display:flex;flex-wrap:wrap;gap:4px 0;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:16px;color:var(--on-night-dim)}
.band__by{color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.band__meta span+span::before{content:"";display:inline-block;width:1px;height:.9em;background:currentColor;opacity:.5;margin:0 14px;vertical-align:-1px}
.band__actions{margin:0;display:flex;flex-wrap:wrap;gap:14px}
.band__cap{position:absolute;right:var(--gutter);bottom:26px;margin:0;text-align:right;font-family:var(--display);font-style:italic;font-weight:400;font-size:25px;color:var(--gold-2);line-height:1.2}
.band__cap span{display:block;font-family:var(--fig);font-stretch:var(--fig-wide);font-style:normal;font-weight:500;font-size:15px;color:var(--on-night-dim);margin-top:3px}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.band--landing .band__panel{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
@media (max-width:900px){
  .band{align-items:flex-end;min-height:0}
  .band--landing{min-height:min(92svh,780px)}
  .band__img{object-position:var(--focus-m,78% 30%)}
  .band__shade{background:linear-gradient(0deg,rgba(var(--night-rgb),.96) 0%,rgba(var(--night-rgb),.82) 46%,rgba(var(--night-rgb),.1) 100%)}
  .band__panel{margin:0;max-width:none;width:100%;padding:28px 0 32px;background:none;border-left:0;-webkit-backdrop-filter:none;backdrop-filter:none;margin-top:38vw}
  .band__cap{display:none}
  /* landing on a phone: photo across the top 70%, so the horse and rider both fit; text sits on the dark base */
  .band--landing .band__img{inset:0 0 auto 0;height:68%;object-position:var(--focus-m,64% 16%)}
  .band--landing .band__shade{background:linear-gradient(0deg,var(--night) 0%,var(--night) 34%,rgba(var(--night-rgb),.92) 44%,rgba(var(--night-rgb),.35) 58%,rgba(var(--night-rgb),0) 72%)}
  .band--landing .band__panel{margin-top:62vw}
}

/* ---- 6. Buttons and links ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:18px;letter-spacing:0;text-decoration:none;border:2px solid var(--gold);cursor:pointer;line-height:1}
.btn--gold{background:var(--gold);color:var(--ink)}
.btn--gold:hover{background:var(--gold-2);border-color:var(--gold-2)}
.btn--line{background:transparent;color:var(--white);border-color:rgba(255,255,255,.7)}
.btn--line:hover{border-color:var(--gold-2);color:var(--gold-2)}
.btn--ink{background:var(--night);border-color:var(--night);color:var(--on-night)}
.btn--ink:hover{background:var(--night-3);border-color:var(--night-3)}
.link{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:18px;color:var(--gold-ink);text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:1px}
.link:hover{color:var(--ink)}
@media (max-width:560px){.band__actions .btn{width:100%}}

/* ---- 7. Sections and headings ---- */
.section{padding:88px 0}
.section--alt{background:var(--paper-2)}
.section--night{background:var(--night);color:var(--on-night)}
.section__head{margin-bottom:36px;max-width:var(--measure)}
.h2{font-family:var(--display);font-weight:700;font-size:clamp(28px,2.9vw,38px);line-height:1.14;color:var(--ink);letter-spacing:-.012em}
.section--night .h2{color:var(--white)}
.lede{font-size:19px;line-height:1.5;color:var(--ink-2);margin:12px 0 0}
.section--night .lede{color:var(--on-night)}
@media (max-width:720px){.section{padding:56px 0}}

/* trust strip */
.trust{background:var(--paper-2);border-bottom:1px solid var(--rule)}
.trust__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
.trust__list li{padding:26px 28px;border-left:1px solid var(--rule)}
.trust__list li:first-child{border-left:0;padding-left:0}
.trust__list b{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:19px;color:var(--ink);line-height:1.2}
.trust__list b::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gold);flex-shrink:0}
.trust__list span{display:block;font-size:16px;color:var(--ink-2);margin:2px 0 0 19px}
@media (max-width:720px){.trust__list{grid-template-columns:1fr}.trust__list li{border-left:0;border-top:1px solid var(--rule);padding:18px 0}.trust__list li:first-child{border-top:0}}

/* live record */
.record__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink)}
.record__grid li{padding:22px 24px 6px 0}
.record__grid li+li{padding-left:24px;border-left:1px solid var(--rule)}
.record__val{display:block;font-family:var(--fig);font-stretch:var(--fig-w);font-weight:700;font-variant-numeric:tabular-nums;font-size:clamp(46px,5.2vw,68px);line-height:1;color:var(--ink)}
.record__label{display:block;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:18px;color:var(--ink);margin-top:10px;line-height:1.2}
.record__sub{display:block;font-size:15.5px;color:var(--ink-3);margin-top:4px;line-height:1.4}
.record__foot{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 28px;align-items:baseline;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:16px;color:var(--ink-3)}
@media (max-width:820px){.record__grid{grid-template-columns:1fr 1fr}.record__grid li{padding:18px 16px 14px 0;border-bottom:1px solid var(--rule)}.record__grid li:nth-child(odd){padding-left:0;border-left:0}.record__grid li:nth-child(even){padding-left:16px}}

/* race rows (landing teaser and Races page share this) */
.daybar{display:flex;flex-wrap:wrap;gap:6px 36px;margin:0 0 8px;padding:0 0 16px;border-bottom:1px solid var(--rule);font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:17px;color:var(--ink-2)}
.daybar b{font-weight:700;color:var(--ink)}
.races{list-style:none;margin:0;padding:0}
.race{display:grid;grid-template-columns:56px 112px minmax(0,1.3fr) minmax(0,1.3fr) 130px max-content;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid var(--rule)}
.race__no{display:grid;place-items:center;width:56px;height:56px;background:var(--night);color:var(--on-night);font-family:var(--fig);font-stretch:var(--fig-w);font-weight:600;font-size:30px}
.race__post b{white-space:nowrap;display:block;font-family:var(--fig);font-stretch:var(--fig-w);font-weight:700;font-size:28px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.race small{display:block;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:15px;color:var(--ink-3);margin-top:3px;line-height:1.25}
.race__conds b{display:block;font-family:var(--display);font-weight:700;font-size:20px;color:var(--ink);line-height:1.25}
.race__conds small{margin-top:4px;font-size:17px;color:var(--ink-2)}
.race__pick{display:flex;align-items:center;gap:14px}
.race__name{display:block;font-family:var(--display);font-weight:700;font-size:20px;color:var(--ink);line-height:1.2}
.race__prob b{display:block;font-family:var(--fig);font-stretch:var(--fig-w);font-weight:700;font-size:30px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.race__go{justify-self:end}
.race__go .link{white-space:nowrap;font-size:19px}
.race.is-scratched .race__name{text-decoration:line-through;color:var(--ink-3)}
.empty{padding:28px 0 12px;font-size:19px;color:var(--ink-2);max-width:56ch}
.board-state{padding:8px 0 24px}
.race__scratch{display:block;font-family:var(--fig);font-stretch:var(--fig-w);font-weight:600;font-size:16px;color:var(--deficit);margin-top:2px}
.key{margin:22px 0 0;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:16px;line-height:1.45;color:var(--ink-3);max-width:76ch}
.key .disclaimer{margin-left:8px}
@media (max-width:860px){
  .race{grid-template-columns:48px 1fr;column-gap:16px;row-gap:8px;padding:18px 0}
  .race__no{width:48px;height:48px;font-size:26px;grid-row:1/5}
  .race__post,.race__conds,.race__pick,.race__prob,.race__go{grid-column:2}
  .race__post b{display:inline;font-size:26px}.race__post small{display:inline;margin-left:8px}
  .race__prob{display:flex;align-items:baseline;gap:10px}.race__prob b{font-size:26px}.race__prob small{margin:0}
  .race__go{justify-self:start}
}

/* saddlecloth chips (number always printed, never colour alone) */
.chip{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 4px;border-radius:8px;font-family:var(--fig);font-stretch:var(--fig-w);font-weight:700;font-size:22px;line-height:1;flex-shrink:0;background:var(--night);color:var(--on-night)}
.chip--2{border:1px solid var(--ink)}
.chip.c1{background:var(--cloth-1);color:var(--cloth-ink-1)}.chip.c2{background:var(--cloth-2);color:var(--cloth-ink-2)}.chip.c3{background:var(--cloth-3);color:var(--cloth-ink-3)}
.chip.c4{background:var(--cloth-4);color:var(--cloth-ink-4)}.chip.c5{background:var(--cloth-5);color:var(--cloth-ink-5)}.chip.c6{background:var(--cloth-6);color:var(--cloth-ink-6)}
.chip.c7{background:var(--cloth-7);color:var(--cloth-ink-7)}.chip.c8{background:var(--cloth-8);color:var(--cloth-ink-8)}.chip.c9{background:var(--cloth-9);color:var(--cloth-ink-9)}
.chip.c10{background:var(--cloth-10);color:var(--cloth-ink-10)}.chip.c11{background:var(--cloth-11);color:var(--cloth-ink-11)}.chip.c12{background:var(--cloth-12);color:var(--cloth-ink-12)}
.chip.c13{background:var(--cloth-13);color:var(--cloth-ink-13)}.chip.c14{background:var(--cloth-14);color:var(--cloth-ink-14)}.chip.c15{background:var(--cloth-15);color:var(--cloth-ink-15)}
.chip.c16{background:var(--cloth-16);color:var(--cloth-ink-16)}.chip.c17{background:var(--cloth-17);color:var(--cloth-ink-17)}.chip.c18{background:var(--cloth-18);color:var(--cloth-ink-18)}
.chip.c19{background:var(--cloth-19);color:var(--cloth-ink-19)}.chip.c20{background:var(--cloth-20);color:var(--cloth-ink-20)}

/* latest autopsy feature */
.feature{display:grid;grid-template-columns:1.2fr 1fr;background:var(--night);color:var(--on-night)}
.feature__media{position:relative;min-height:420px;background:var(--night-2)}
.feature__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feature__text{padding:56px 56px 52px;border-left:3px solid var(--gold);display:flex;flex-direction:column;justify-content:center}
.feature__series{margin:0 0 12px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:17px;color:var(--gold)}
.feature__title{font-family:var(--display);font-weight:700;font-size:clamp(28px,2.9vw,40px);line-height:1.12;letter-spacing:-.012em;color:var(--white);margin:0 0 16px}
.feature__title a{text-decoration:none}
.feature__excerpt{font-size:18px;color:var(--on-night);margin:0 0 24px}
.feature__meta{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:16px;color:var(--on-night-dim);margin:0 0 26px}
@media (max-width:900px){.feature{grid-template-columns:1fr}.feature__media{min-height:240px}.feature__text{padding:32px var(--gutter) 36px;border-left:0;border-top:3px solid var(--gold)}}

/* method steps: a real sequence, so numbered */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink)}
.steps li{padding:24px 28px 8px 0}
.steps li+li{padding-left:28px;border-left:1px solid var(--rule)}
.steps__n{display:block;font-family:var(--fig);font-stretch:var(--fig-w);font-weight:700;font-size:40px;line-height:1;color:var(--gold-ink);margin-bottom:12px}
.steps h3{font-family:var(--display);font-weight:700;font-size:21px;line-height:1.2;color:var(--ink);margin:0 0 8px}
.steps p{font-size:16.5px;line-height:1.55;margin:0;color:var(--ink-2)}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}.steps li{padding:20px 20px 10px 0;border-bottom:1px solid var(--rule)}.steps li:nth-child(odd){border-left:0;padding-left:0}.steps li:nth-child(even){padding-left:20px}}
@media (max-width:560px){.steps{grid-template-columns:1fr}.steps li,.steps li+li,.steps li:nth-child(even){padding:20px 0 14px;border-left:0}}

/* photo break */
.break{position:relative;isolation:isolate;min-height:clamp(420px,46vw,640px);display:flex;align-items:flex-end;padding:0 0 64px;background:var(--night);color:var(--on-night);overflow:hidden}
.break img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.break::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(var(--night-rgb),.85) 0%,rgba(var(--night-rgb),.4) 34%,rgba(var(--night-rgb),0) 60%),linear-gradient(90deg,rgba(var(--night-rgb),.7) 0%,rgba(var(--night-rgb),.25) 40%,rgba(var(--night-rgb),0) 60%)}
.break p.stmt{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.4vw,46px);line-height:1.12;letter-spacing:-.014em;color:var(--white);max-width:11.5em;margin:0 0 22px}
.break__link{color:var(--gold-2);border-bottom-color:var(--gold-2)}

/* cards (journal) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}
.card{display:flex;flex-direction:column}
.card__media{display:block;aspect-ratio:16/10;background:var(--night);overflow:hidden}
.card__media img{width:100%;height:100%;object-fit:cover}
.card:nth-child(3n+1) .card__media img{object-position:8% 50%}.card:nth-child(3n+2) .card__media img{object-position:52% 50%}.card:nth-child(3n) .card__media img{object-position:96% 50%}
.card__series{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:16px;color:var(--gold-ink);margin:16px 0 4px}
.card__title{font-family:var(--display);font-weight:700;font-size:22px;line-height:1.22;letter-spacing:-.008em;color:var(--ink);margin:0 0 8px}
.card__title a{text-decoration:none}
.card__title a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px}
.card__excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:16.5px;line-height:1.55;color:var(--ink-2);margin:0 0 8px}
.card__meta{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:15px;color:var(--ink-3);margin:auto 0 0}
@media (max-width:900px){.cards{grid-template-columns:1fr;gap:36px}}

/* subscribe */
.subscribe{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.subscribe form{display:flex;gap:12px;flex-wrap:wrap}
.subscribe input[type=email]{flex:1 1 260px;min-height:52px;padding:0 16px;font:400 18px var(--copy);border:2px solid var(--rule-night);background:var(--night-2);color:var(--on-night)}
.subscribe input::placeholder{color:var(--on-night-dim)}
.form-msg{display:none;flex-basis:100%;margin:0;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:17px}
form.success .form-msg--ok,form.error .form-msg--err{display:block}
.btn__loading{display:none}form.loading .btn__default{display:none}form.loading .btn__loading{display:inline}
@media (max-width:820px){.subscribe{grid-template-columns:1fr;gap:20px}}

/* ---- 8. Article list, pagination ---- */
.list{list-style:none;margin:0;padding:0}
.list__item{display:grid;grid-template-columns:240px minmax(0,1fr) 150px;gap:28px;align-items:center;padding:26px 0;border-bottom:1px solid var(--rule)}
.list__media{display:block;aspect-ratio:16/10;background:var(--night);overflow:hidden}
.list__media img{width:100%;height:100%;object-fit:cover}
.list__item:nth-child(3n+1) .list__media img{object-position:8% 50%}.list__item:nth-child(3n+2) .list__media img{object-position:52% 50%}.list__item:nth-child(3n) .list__media img{object-position:96% 50%}
.list__series{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:16px;color:var(--gold-ink);margin:0 0 4px}
.list__title,.card__title,.feature__title,.band__title,.race__name,.race__conds b{overflow-wrap:break-word;hyphens:auto}
.list__title{font-family:var(--display);font-weight:700;font-size:25px;line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px}
.list__title a{text-decoration:none}
.list__title a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px}
.list__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:17px;color:var(--ink-2);margin:0;line-height:1.55}
.list__when{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:16px;color:var(--ink-3);text-align:right}
@media (max-width:820px){.list__item{grid-template-columns:110px minmax(0,1fr);gap:16px 18px}.list__when{grid-column:2;text-align:left}.list__title{font-size:23px}.list__excerpt{display:none}}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:36px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:18px}
.pagination a{color:var(--gold-ink);text-decoration:none;border-bottom:2px solid var(--gold)}
.pagination__pos{color:var(--ink-3);font-weight:500}

/* ---- 9. Article and page content ---- */
.article{padding:64px 0 24px}
.gh-content{display:grid;grid-template-columns:[full-start] minmax(var(--gutter),1fr) [wide-start] minmax(0,140px) [main-start] min(var(--measure),calc(100% - var(--gutter)*2)) [main-end] minmax(0,140px) [wide-end] minmax(var(--gutter),1fr) [full-end]}
.gh-content>*{grid-column:main-start/main-end;min-width:0}
.gh-content>.kg-width-wide,.gh-content>.wide{grid-column:wide-start/wide-end}
.gh-content>.kg-width-full,.gh-content>.full{grid-column:full-start/full-end}
.gh-content>.kg-width-full img{width:100%}
.gh-content--wide{display:block;max-width:calc(var(--wrap) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.gh-content--wide>p,.gh-content--wide>ul,.gh-content--wide>ol,.gh-content--wide>h2,.gh-content--wide>h3,.gh-content--wide>h4,.gh-content--wide>blockquote{max-width:var(--measure)}
.gh-content>.board,.gh-content>.video-embed,.gh-content>.tripmap{grid-column:wide-start/wide-end}
.gh-content p,.gh-content li{font-size:18.5px;line-height:1.65;color:var(--body)}
.gh-content>*+*{margin-top:1.2em}
.gh-content h2{font-family:var(--display);font-weight:700;font-size:clamp(26px,2.7vw,32px);line-height:1.2;color:var(--ink);margin-top:2.2em;letter-spacing:-.012em}
.gh-content h3{font-family:var(--display);font-weight:700;font-size:clamp(21px,2.2vw,24px);line-height:1.25;color:var(--ink);margin-top:1.8em}
.gh-content h4{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:700;font-size:20px;color:var(--ink);margin-top:1.6em}
.gh-content h2+*,.gh-content h3+*,.gh-content h4+*{margin-top:.6em}
.gh-content a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
.gh-content a:hover{color:var(--gold-ink)}
.gh-content ul,.gh-content ol{padding-left:1.3em}
.gh-content li+li{margin-top:.4em}
.gh-content blockquote{margin-left:0;padding:2px 0 2px 26px;border-left:3px solid var(--gold);font-family:var(--display);font-style:italic;font-weight:400;font-size:24px;line-height:1.4;color:var(--ink)}
.gh-content blockquote p{font:inherit;color:inherit}
.gh-content hr{border:0;border-top:1px solid var(--rule);margin:2.4em auto;width:100%}
.gh-content figure{margin-left:0;margin-right:0}
.gh-content figcaption{font-size:15.5px;font-style:italic;color:var(--ink-3);margin-top:8px;line-height:1.45}
.gh-content strong{color:var(--ink);font-weight:600}
.gh-content table{width:100%;border-collapse:collapse;font-family:var(--fig);font-stretch:var(--fig-w);font-weight:500;font-size:18px;font-variant-numeric:tabular-nums}
.gh-content th{font-weight:600;font-size:17px;color:var(--ink-3);text-align:left;padding:8px 10px 8px 0;border-bottom:2px solid var(--ink)}
.gh-content td{padding:10px 10px 10px 0;border-bottom:1px solid var(--rule);vertical-align:top;color:var(--ink)}
.gh-content .table-wrap{overflow-x:auto}
.gh-content code{font-size:.9em;background:var(--paper-2);padding:1px 5px}
.gh-content pre{overflow-x:auto;background:var(--night);color:var(--on-night);padding:18px 20px;font-size:15.5px;line-height:1.5}
.post-foot{padding:32px 0 72px}
.post-foot__inner{max-width:var(--measure);margin:0 auto;padding:22px var(--gutter) 0;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:17px;color:var(--ink-3)}
.post-foot a{color:var(--gold-ink);text-decoration:none;border-bottom:2px solid var(--gold);margin-right:14px}
.disclaimer{display:inline-block;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:16px;letter-spacing:0;color:var(--ink);border:1px solid var(--ink);padding:6px 12px;line-height:1.2}
.section--night .disclaimer{color:var(--on-night);border-color:var(--on-night)}

/* ---- 10. Evidence components (design-system v4.1). Class names match the approved autopsy markup,
        so an autopsy pasted into a Ghost HTML card renders with no changes. Scaled for the site's larger type. ---- */
.tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--fig);font-stretch:var(--fig-w);font-weight:600;font-size:15px;letter-spacing:.03em;padding:1px 10px;margin:0 6px 4px 0;line-height:1.6;white-space:nowrap;vertical-align:middle}
.tag-verified{background:var(--board);color:var(--board-text);border-radius:12px}
.tag-video{background:var(--board);color:var(--board-text);border-radius:2px}
.tag-claimed{background:transparent;color:var(--ink-2);border:1px solid var(--ink-2);border-radius:12px}
.tag-inferred{background:transparent;color:var(--ink-3);border:1px dashed var(--ink-3);border-radius:12px;font-style:italic;font-family:var(--copy);font-weight:400}
.tag-unknown{background:transparent;color:var(--ink-3);border:1px dotted var(--ink-3);border-radius:12px}
.tag-retracted{background:transparent;color:var(--deficit);border:1px solid var(--deficit);border-radius:12px}
.tag:last-child{margin-right:0}
.tag-src{font-family:var(--copy);font-size:15px;color:var(--ink-3);margin:0 8px 0 -2px;white-space:nowrap}
.tag-src a{color:var(--ink-3);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:2px}
.gh-content .claim{margin:0 0 .8em}
.tagstrip{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 4px;font-size:16px;color:var(--ink-3);margin:0 0 4px}
.tagstrip .lead{font-family:var(--fig);font-stretch:var(--fig-w);font-size:15px;letter-spacing:.08em;text-transform:uppercase;margin-right:6px}
.gh-content .tagstrip a{color:inherit;text-decoration:none}
.tagstrip a:hover .tag{outline:2px solid var(--rule)}
.legend{border:1px solid var(--rule);padding:16px 18px}
.legend-row{margin-bottom:10px;display:grid;grid-template-columns:150px 1fr;gap:4px 14px;align-items:baseline;font-size:16.5px}
@media (max-width:560px){.legend-row{grid-template-columns:1fr}}
.legend-row:last-child{margin-bottom:0}
.legend-desc{color:var(--ink-2)}
.ref{font-family:var(--fig);font-stretch:var(--fig-w);font-weight:600;font-size:15px;letter-spacing:.04em;color:var(--ink-3);margin-right:6px;vertical-align:middle}
.confidence,.conf{font-family:var(--fig);font-stretch:var(--fig-w);font-weight:500;font-size:15px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.series{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:17px;color:var(--gold-ink);margin:0 0 6px}
.meta-line{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:17px;color:var(--ink-2);margin:0 0 4px}
.meta-line b{font-weight:600;color:var(--ink)}
.status-line{font-size:15.5px;color:var(--ink-3);font-style:italic;margin-top:18px}
.gh-content p.body-link a{color:var(--ink)}
/* the board: official-chart figures */
.board{background:var(--board);color:var(--board-text);display:grid;grid-template-columns:.95fr 2fr .85fr 1.2fr;gap:0}
.board .cell{padding:16px 18px 14px;border-right:1px solid var(--board-2);display:flex;flex-direction:column;min-width:0}
.board .cell:nth-child(4){border-right:0}
.board .lbl{font-family:var(--fig);font-stretch:var(--fig-w);font-weight:500;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--board-dim);margin-bottom:4px}
.board .num{font-family:var(--fig);font-stretch:var(--fig-w);font-weight:600;font-size:40px;line-height:1;font-variant-numeric:tabular-nums;color:var(--board-text)}
.board .num.small{font-size:24px;padding-top:8px;white-space:nowrap;letter-spacing:-.01em}
.board .sub{font-family:var(--copy);font-size:15px;color:var(--board-dim);margin-top:6px;line-height:1.3}
.board-note{grid-column:1/-1;border-top:1px solid var(--board-2);font-family:var(--fig);font-stretch:var(--fig-w);font-weight:500;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--board-dim);padding:7px 18px}
br.ph{display:none}
@media (max-width:640px){
  br.ph{display:inline}
  .board{grid-template-columns:1fr 1fr}
  .board .num.small{white-space:normal;font-size:21px;line-height:1.15}
  .board .cell:nth-child(2){border-right:0}
  .board .cell:nth-child(1),.board .cell:nth-child(2){border-bottom:1px solid var(--board-2)}
}
/* tables that carry evidence */
.gh-content .deco-table,.gh-content .fact-table,.gh-content .timeline-table,.gh-content .diff-table{width:100%;border-collapse:collapse;font-family:var(--fig)}
.gh-content .deco-table td,.gh-content .timeline-table th,.gh-content .timeline-table td,.gh-content .diff-table td{border-bottom:1px solid var(--rule);padding:10px 8px 10px 0;text-align:left;vertical-align:top}
.gh-content .deco-table td:first-child{font-weight:600;color:var(--ink);width:34%;font-size:18px}
.gh-content .fact-table td.lbl{font-weight:600;color:var(--ink);width:30%;font-size:18px}
.gh-content .fact-table td.val,.gh-content .diff-table td{font-family:var(--copy);font-weight:400;font-size:17px;line-height:1.55;color:var(--ink-2)}
.gh-content .diff-table td:first-child{font-family:var(--fig);font-stretch:var(--fig-w);font-weight:600;color:var(--ink);width:22%;font-size:18px}
.gh-content .timeline-table{font-size:18px}
.gh-content .timeline-table th{font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-weight:500;border-bottom:1px solid var(--ink-3)}
.gh-content .timeline-table td.time{white-space:nowrap;font-weight:600;color:var(--ink)}
.timeline-note{font-family:var(--copy);font-size:16.5px;color:var(--ink-2);margin:2px 0 0}
.gh-content a.tlink{color:var(--ink);text-decoration-color:var(--ink-3);text-decoration-thickness:1px}
@media (max-width:640px){
  .gh-content .timeline-table thead{display:none}
  .gh-content .timeline-table,.gh-content .timeline-table tbody,.gh-content .timeline-table tr,.gh-content .timeline-table td{display:block}
  .gh-content .timeline-table tr{border-bottom:1px solid var(--rule);padding:10px 0;display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;align-items:baseline}
  .gh-content .timeline-table td{border:0;padding:0}
  .gh-content .timeline-table td.time{grid-column:1;grid-row:1}
  .gh-content .timeline-table td.subj{grid-column:2;grid-row:1;font-weight:600;color:var(--ink)}
  .gh-content .timeline-table td.conf{grid-column:3;grid-row:1}
  .gh-content .timeline-table td.ev{grid-column:1/-1;grid-row:2;padding-top:6px}
  .gh-content .timeline-table .timeline-note{grid-column:1/-1}
  .gh-content .fact-table tr,.gh-content .diff-table tr{display:grid;grid-template-columns:1fr;padding:8px 0;border-bottom:1px solid var(--rule)}
  .gh-content .fact-table td,.gh-content .diff-table td{border:0;padding:0;width:auto!important}
  .gh-content .fact-table td.lbl,.gh-content .diff-table td:first-child{margin-bottom:3px}
}
/* trip map, replay */
.tripmap svg{width:100%;height:auto;display:block}
.tripmap-caption{font-size:15.5px;color:var(--ink-3);font-style:italic;margin:6px 0 0}
.video-embed{position:relative;padding-top:56.25%;background:var(--board)}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-caption{font-size:15.5px;color:var(--ink-3);font-style:italic;margin:8px 0 0}
.video-print{display:none;font-size:14px;color:var(--ink-3)}
/* review, quarantine, endnotes */
.eyebrow{font-family:var(--fig);font-stretch:var(--fig-w);font-weight:600;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px}
.quarantine{border:1px solid var(--rule);background-image:repeating-linear-gradient(135deg,rgba(20,32,27,.05) 0 2px,transparent 2px 10px);padding:20px 22px}
.quarantine p{font-style:italic;color:var(--ink-2)}
.quarantine .lead-in{font-style:normal;color:var(--ink-2);margin-bottom:6px}
.quarantine dl{margin:10px 0 0}
.quarantine dt{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:17px;color:var(--ink);font-style:normal;margin-top:10px}
.quarantine dd{margin:2px 0 0;font-style:italic;color:var(--ink-2)}
.review{border:1px solid var(--rule);border-left:3px solid var(--board);padding:16px 20px;font-size:17px}
.review .head{font-family:var(--display);font-weight:700;font-size:19px;color:var(--ink);margin:0 0 8px}
.review ul{margin:6px 0 0;padding-left:20px}
.review li{margin-bottom:5px;font-size:17px}
.review a{color:var(--ink);text-decoration-color:var(--ink-3);text-decoration-thickness:1px}
.endnotes{border-top:1px solid var(--rule);padding-top:12px}
.endnote{display:flex;gap:12px;font-size:15.5px;color:var(--ink-3);border-bottom:1px solid var(--rule);padding:8px 0;line-height:1.5}
.endnote:last-child{border-bottom:0}
.endnote .label{font-family:var(--fig);font-stretch:var(--fig-w);font-weight:600;letter-spacing:.03em;text-transform:uppercase;min-width:140px;flex-shrink:0}
@media (max-width:640px){.endnote{flex-direction:column;gap:2px}}


/* ---- 12. Head-to-head record (AI Competition). Horse-Oracle is amber, the comparator sage, the reference an outline;
        shapes differ as well (square, circle, hollow) so colour is never the only carrier. ---- */
.comp{background:var(--paper-2)}
.comp__status{margin:14px 0 0;padding:10px 14px;border-left:3px solid var(--sage);background:var(--paper);font-size:15px;line-height:1.45;color:var(--ink-2)}
.comp__status--invalid,.comp__status--error,.comp__status--unconfigured,.comp__status--aging{border-left-color:var(--amber-ink)}
.comp__verdict{margin:22px 0 0;font-family:var(--display);font-weight:700;font-size:clamp(22px,2.4vw,28px);line-height:1.25;color:var(--ink);max-width:36em}
.comp__block{margin-top:44px}
.comp__block h3{font-family:var(--display);font-weight:700;font-size:22px;line-height:1.25;color:var(--ink);margin:0 0 6px}
.comp__block .note{font-size:17px;color:var(--ink-2);margin:0 0 14px;max-width:52em}
.cboard{display:grid;grid-template-columns:.9fr 1.8fr 1fr 1.2fr;background:var(--board);color:var(--board-text)}
.cboard__cell{padding:20px 22px 18px;border-right:1px solid var(--board-2);display:flex;flex-direction:column;gap:8px;min-width:0}
.cboard__cell:last-child{border-right:0}
.cboard__wins{background:var(--board-2)}
.cboard__wins .cboard__lbl{color:var(--board-text)}
.cboard__lbl{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:15px;color:var(--board-dim)}
.cboard__num{font-family:var(--fig);font-stretch:var(--fig-w);font-weight:700;font-size:clamp(38px,4vw,56px);line-height:1;font-variant-numeric:tabular-nums;color:var(--board-text);white-space:nowrap}
.cboard__pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cboard__side{display:flex;flex-direction:column;gap:8px;min-width:0}
.cboard__who{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:17px;display:flex;align-items:center;gap:8px;line-height:1.2}
.cboard__who::before{content:"";width:12px;height:12px;flex-shrink:0;background:var(--board-text)}
.cboard__side--us .cboard__num{color:var(--amber)}.cboard__side--us .cboard__who::before{background:var(--amber)}
.cboard__side--them .cboard__num{color:var(--sage-3)}.cboard__side--them .cboard__who::before{background:var(--sage-3);border-radius:50%}
.cboard__ref .cboard__who::before{background:none;border:2px solid var(--board-dim);width:12px;height:12px;box-sizing:border-box}
.cboard__sub{font-size:15px;line-height:1.35;color:var(--board-dim)}
@media (max-width:900px){.cboard{grid-template-columns:1fr 1fr}.cboard__cell{border-bottom:1px solid var(--board-2)}.cboard__cell:nth-child(2){border-right:0;grid-column:1/-1;order:-1}.cboard__cell:nth-child(3){border-right:1px solid var(--board-2)}.cboard__cell:nth-child(4){border-right:0}}
@media (max-width:420px){.cboard__pair{gap:12px}.cboard__num{font-size:36px}}
.cstrip{margin-top:26px;max-width:860px}
.cstrip__track{position:relative;height:44px;border-bottom:2px solid var(--ink)}
.cstrip__zero{position:absolute;top:0;bottom:-2px;width:0;border-left:2px solid var(--ink)}
.cstrip__band{position:absolute;top:15px;height:14px;background:var(--ink)}
.cstrip__pt{position:absolute;top:10px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--amber);border:3px solid var(--ink);box-sizing:border-box}
.cstrip__ticks{position:relative;height:26px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:15px;color:var(--ink-3)}
.cstrip__ticks span{position:absolute;top:4px;transform:translateX(-50%)}
.cstrip__ends{display:flex;justify-content:space-between;gap:16px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:16px;color:var(--ink-2)}
.cstrip__ends span:last-child{text-align:right}
.ctable{width:100%;border-collapse:collapse;font-family:var(--fig);font-stretch:var(--fig-w);font-weight:500;font-size:18px;font-variant-numeric:tabular-nums}
.ctable th{font-stretch:var(--fig-wide);font-weight:600;font-size:15px;text-align:left;color:var(--ink-3);padding:8px 14px 8px 0;border-bottom:2px solid var(--ink);vertical-align:bottom}
.ctable td{padding:12px 14px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top;color:var(--ink)}
.ctable td.k{font-family:var(--display);font-stretch:normal;font-weight:700;font-size:18px}
.ctable td small{display:block;font-family:var(--copy);font-stretch:normal;font-weight:400;font-size:15.5px;color:var(--ink-2);margin-top:2px}
.ctable .us{color:var(--amber-ink);font-weight:700}.ctable .them{color:var(--sage);font-weight:700}
@media (max-width:760px){.ctable thead{display:none}.ctable,.ctable tbody,.ctable tr,.ctable td{display:block}.ctable tr{border-bottom:1px solid var(--rule);padding:12px 0}.ctable td{border:0;padding:3px 0;display:flex;flex-wrap:wrap;gap:2px 12px;justify-content:space-between}.ctable td::before{content:attr(data-label);font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:15px;color:var(--ink-3);flex-shrink:0}.ctable td.k{display:block}.ctable td.k::before{content:none}.ctable td small{flex-basis:100%;text-align:right}}
/* 12b (2.3.1). Three plain questions, each answered in one computed sentence, then the full record.
   Horse-Oracle amber square, the comparator sage circle, "neither" a hollow square: shape and label carry it, colour helps. */
.comp__qs{margin-top:10px}
.comp__q{margin-top:52px;max-width:860px}
.comp__q:empty{display:none}
.comp__qh{font-family:var(--display);font-weight:700;font-size:clamp(23px,2.5vw,28px);line-height:1.2;color:var(--ink);margin:0 0 10px;letter-spacing:-.01em}
.comp__ans{font-size:clamp(18.5px,1.8vw,20.5px);line-height:1.55;color:var(--ink);margin:0 0 18px;max-width:40em}
.comp__note,.comp__key{font-size:16.5px;line-height:1.55;color:var(--ink-2);margin:14px 0 0;max-width:46em}
.comp__legend{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px 28px}
.comp__legend p{margin:0;display:flex;align-items:baseline;gap:10px;font-size:16.5px;line-height:1.45;color:var(--ink-2)}
.comp__said{font-size:18px;line-height:1.6;color:var(--body);margin:16px 0 0;max-width:44em;padding-left:18px;border-left:3px solid var(--rule)}
.mk{display:inline-block;width:13px;height:13px;flex-shrink:0;box-sizing:border-box;align-self:center}
.mk--us{background:var(--amber);border:1px solid var(--amber-ink)}
.mk--them{background:var(--sage-2);border-radius:50%;border:1px solid var(--sage)}
.mk--none{background:transparent;border:2px solid var(--ink-3)}
.mk--pt{background:var(--amber);border:3px solid var(--ink);border-radius:50%;width:15px;height:15px}
.mk--band{width:26px;height:9px;background:var(--ink)}
.cbars{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 16px;align-items:center;margin-top:6px}
.cbars__row{display:contents}
.cbars__lbl{display:flex;align-items:center;gap:9px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:17px;color:var(--ink);white-space:nowrap}
.cbars__track{display:block;height:26px;background:var(--paper);border-bottom:1px solid var(--rule)}
.cbars__fill{display:block;height:100%;min-width:2px}
.cbars__row--us .cbars__fill{background:var(--amber)}
.cbars__row--them .cbars__fill{background:var(--sage-2)}
.cbars__row--none .cbars__fill{background:transparent;border:2px solid var(--ink-3);box-sizing:border-box}
.cbars__n{font-family:var(--fig);font-stretch:var(--fig-w);font-weight:700;font-size:24px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:3.2ch}
@media (max-width:560px){.cbars{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.cbars__lbl{grid-column:1/-1;white-space:normal;margin-top:8px}}
.cweeks__scroll{overflow-x:auto;margin-top:16px;padding-bottom:4px}
.cweeks{display:grid;grid-template-columns:40px repeat(var(--weeks),minmax(68px,1fr));grid-template-rows:auto 230px auto;min-width:calc(40px + var(--weeks) * 68px);font-family:var(--fig);font-stretch:var(--fig-wide)}
.cweeks__era{grid-row:1;font-weight:600;font-size:15px;color:var(--ink-2);padding:0 8px 8px 10px;border-bottom:2px solid var(--ink);align-self:end}
.cweeks__era--after{border-left:2px dashed var(--ink-3)}
.cweeks__axis{grid-row:2;grid-column:1;position:relative;font-weight:500;font-size:14px;color:var(--ink-3)}
.cweeks__axis span{position:absolute;right:8px;transform:translateY(-50%);font-variant-numeric:tabular-nums}
.cweeks__plot{grid-row:2;grid-column:2/-1;position:relative;display:grid;grid-template-columns:repeat(var(--weeks),minmax(0,1fr));background:var(--paper)}
.cweeks__zero{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--ink);z-index:1}
.cweeks__col{position:relative}
.cweeks__col--change{border-left:2px dashed var(--ink-3)}
.cweeks__iv{position:absolute;left:50%;width:10px;margin-left:-5px;background:var(--ink-3);z-index:2}
.cweeks__col--clear .cweeks__iv{background:var(--ink)}
.cweeks__pt{position:absolute;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--amber);border:3px solid var(--ink);box-sizing:border-box;z-index:3}
.cweeks__val{position:absolute;left:50%;margin-left:14px;transform:translateY(-50%);font-stretch:var(--fig-w);font-weight:700;font-size:15px;color:var(--ink);background:var(--paper);padding:0 3px;z-index:4;font-variant-numeric:tabular-nums}
.cweeks__col:last-child .cweeks__val{left:auto;right:50%;margin:0 14px 0 0}
.cweeks__foot{grid-row:3;display:flex;flex-direction:column;align-items:center;gap:1px;padding-top:8px;border-top:1px solid var(--rule);font-size:14px;color:var(--ink-3);text-align:center}
.cweeks__foot b{font-weight:600;font-size:15px;color:var(--ink)}
.comp__detail{margin-top:72px;padding-top:28px;border-top:2px solid var(--ink)}
.comp__detail-h{font-family:var(--display);font-weight:700;font-size:clamp(24px,2.5vw,30px);line-height:1.2;color:var(--ink);margin:0}
.comp__detail>div:first-of-type .comp__block{margin-top:24px}
.cclaim{border:1px solid var(--rule);border-left:3px solid var(--gold);background:var(--paper);padding:18px 22px;max-width:52em}
.cclaim p{margin:0 0 .5em;font-size:17.5px;line-height:1.55;color:var(--body)}
.cclaim p:last-child{margin-bottom:0}
.cclaim q{font-style:italic;color:var(--ink)}
.cclaim .src{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:16px;color:var(--ink-3)}
.comp__receipt{margin:34px 0 0;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:16px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline}
.comp__receipt code{font-family:var(--fig);font-stretch:var(--fig-w);font-weight:600;color:var(--ink);letter-spacing:.02em}
@media print{.cboard,.cbars__fill,.mk,.cweeks__pt,.cweeks__iv,.cstrip__band,.cstrip__pt{-webkit-print-color-adjust:exact;print-color-adjust:exact}}


/* ---- 13. Partnerships. Editor-owned markup, theme-owned look: alternating photo rows per audience, a numbered pilot,
        a commitments grid, then the live record and the inquiry block from the template. ---- */
.article--partners{padding-bottom:8px}
.gh-content .partners{margin-top:2.2em;display:flex;flex-direction:column;gap:28px}
.gh-content .aud{display:grid;grid-template-columns:1fr 1fr;background:var(--paper-2);border:1px solid var(--rule);min-height:420px}
.gh-content .aud:nth-child(even) .aud__media{order:2}
.gh-content .aud__media{position:relative;margin:0;min-height:320px;background:var(--night);overflow:hidden}
.gh-content .aud__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gh-content .aud__body{padding:40px 44px 36px;display:flex;flex-direction:column}
.gh-content .aud__kicker{margin:0 0 10px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:16px;color:var(--gold-ink)}
.gh-content .aud h3{margin:0 0 12px;font-size:clamp(23px,2.3vw,29px);line-height:1.18;letter-spacing:-.01em}
.gh-content .aud p{font-size:17.5px;line-height:1.6;margin:0}
.gh-content .aud__list{list-style:none;padding:0;margin:20px 0 24px;border-top:1px solid var(--rule)}
.gh-content .aud__list li{margin:0;padding:11px 0;border-bottom:1px solid var(--rule);font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.gh-content .aud__list li strong{color:var(--ink)}
.gh-content .aud .aud__cta{margin-top:auto}
.gh-content a.ask{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:18px;color:var(--gold-ink);text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:1px}
.gh-content a.ask:hover{color:var(--ink)}
@media (max-width:860px){.gh-content .aud{grid-template-columns:1fr;min-height:0}.gh-content .aud:nth-child(even) .aud__media{order:0}.gh-content .aud__media{min-height:0;aspect-ratio:16/10}.gh-content .aud__body{padding:26px 22px 28px}}
.gh-content--wide>.steps{max-width:none;padding-left:0;margin-top:1em}
.gh-content .steps li+li{margin-top:0}
.gh-content .steps h3{margin:0 0 8px}
.gh-content .steps p{font-size:16.5px;line-height:1.55}
.gh-content .commit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border-top:2px solid var(--ink);margin-top:1em}
.gh-content .commit p{margin:0;padding:18px 0 20px;border-bottom:1px solid var(--rule);font-size:16.5px;line-height:1.55;color:var(--ink-2)}
.gh-content .commit strong{display:block;font-size:19px;line-height:1.25;color:var(--ink);margin-bottom:6px}
@media (max-width:900px){.gh-content .commit{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.gh-content .commit{grid-template-columns:1fr}}
.partner-proof{padding:0 0 64px}
.gh-content #data .aud__media img{object-position:92% 62%}
.gh-content #racetracks .aud__media img{object-position:38% 50%}
.partner-ask__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.partner-ask__list{list-style:none;margin:0 0 24px;padding:0;border-top:1px solid var(--rule-night)}
.partner-ask__list li{padding:11px 0;border-bottom:1px solid var(--rule-night);font-size:17.5px;color:var(--on-night)}
.partner-ask__addr{margin:16px 0 0;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:500;font-size:17px;color:var(--on-night-dim)}
.partner-ask__addr a{color:var(--gold-2)}
@media (max-width:820px){.partner-ask__grid{grid-template-columns:1fr;gap:20px}}


/* ---- 14. Partnerships, 2.3.0: samples on night, your track, pilots, responsible gaming, who you'll work with ---- */
.psamples{background:var(--night);color:var(--on-night);padding:72px 0 80px}
.psamples__head{display:grid;grid-template-columns:1fr auto;gap:10px 40px;align-items:end;margin-bottom:36px}
.psamples__head h2{grid-column:1;margin:0;font-family:var(--display);font-weight:700;font-size:clamp(28px,2.9vw,38px);line-height:1.14;color:var(--white);letter-spacing:-.012em}
.psamples__head p{grid-column:1;margin:0;font-size:18px;line-height:1.55;color:var(--on-night);max-width:40em}
.psamples__head .psamples__board{grid-column:2;grid-row:1/3;margin:0}
.psamples__head .btn--ink{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.psamples__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.psample{display:flex;flex-direction:column;text-decoration:none;color:var(--on-night)}
.psample__img{position:relative;display:block;aspect-ratio:4/4.3;background:var(--night-2);border:1px solid var(--rule-night);overflow:hidden;margin-bottom:18px}
.psample__img img{position:absolute;width:74%;left:13%;top:9%;height:auto;box-shadow:0 18px 40px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.psample__img--pair img:first-child{left:6%;top:7%;width:66%;z-index:2}
.psample__img--pair img:last-child{left:30%;top:14%;width:66%;z-index:1;transform:rotate(3deg)}
.psample__img--photo img{position:absolute;inset:0;width:100%;height:100%;left:0;top:0;object-fit:cover;box-shadow:none}
.psample:hover .psample__img img:first-child{transform:translateY(-6px)}
.psample:hover .psample__img--pair img:last-child{transform:rotate(4.5deg) translateX(6px)}
.psample:hover .psample__img--photo img{transform:scale(1.03)}
.psample__kicker{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:15px;color:var(--gold-2);margin-bottom:4px}
.psample__title{font-family:var(--display);font-weight:700;font-size:22px;line-height:1.22;color:var(--white);margin-bottom:6px}
.psample__desc{font-size:16.5px;line-height:1.5;color:var(--on-night);margin-bottom:12px}
.psample__open{margin-top:auto;align-self:flex-start;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:17px;color:var(--gold-2);border-bottom:2px solid var(--gold)}
.psample:hover .psample__open{color:var(--white)}
@media (max-width:900px){.psamples__head{grid-template-columns:1fr}.psamples__head .psamples__board{grid-column:1;grid-row:auto;margin-top:12px}.psamples__grid{grid-template-columns:1fr;gap:40px}.psample__img{aspect-ratio:4/3.4}}
.trackrec{padding:8px 0 56px;max-width:860px}
.trackrec h2{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(24px,2.4vw,30px);color:var(--ink);letter-spacing:-.01em}
.trackrec__lede{margin:6px 0 16px;font-size:18px;color:var(--ink-2)}
.trackrec__pick{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:16px;color:var(--ink-2)}
.trackrec__pick select{font:600 18px var(--copy);color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);padding:10px 40px 10px 14px;min-height:48px;max-width:100%;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.trackrec__line{margin:0 0 14px;font-size:18px;color:var(--ink-2)}
.trackrec__line b{color:var(--ink)}
.trackrec__bar{display:grid;grid-template-columns:200px minmax(0,1fr) 80px;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--rule)}
.trackrec__who{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:16px;color:var(--ink)}
.trackrec__track{height:18px;background:var(--rule);position:relative}
.trackrec__fill{position:absolute;left:0;top:0;bottom:0;background:var(--amber)}
.trackrec__ci{position:absolute;top:-5px;bottom:-5px;border-left:2px solid var(--ink);border-right:2px solid var(--ink);background:rgba(20,32,27,.12)}
.trackrec__val small{display:block;font-weight:500;font-size:13px;color:var(--ink-3)}
.trackrec__bar.ref .trackrec__fill{background:var(--paper);border:2px solid var(--ink);box-sizing:border-box}
.trackrec__val{font-weight:700;font-size:24px;color:var(--ink);text-align:right}
.trackrec__note,.trackrec__few{margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--ink-3);max-width:44em}
.trackrec__few{font-size:18px;color:var(--ink-2)}
@media (max-width:640px){.trackrec__bar{grid-template-columns:1fr 64px}.trackrec__who{grid-column:1/-1}.trackrec__track{grid-column:1}}
.gh-content .pilots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:1em}
.gh-content .pilot{background:var(--paper-2);border:1px solid var(--rule);border-top:3px solid var(--gold);padding:22px 22px 20px;display:flex;flex-direction:column}
.gh-content .pilot h3{margin:0 0 8px;font-size:23px}
.gh-content .pilot>p{font-size:16.5px;line-height:1.55;margin:0 0 14px}
.gh-content .pilot dl{margin:auto 0 0;border-top:1px solid var(--rule)}
.gh-content .pilot dt{font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:14.5px;color:var(--gold-ink);margin-top:10px}
.gh-content .pilot dd{margin:2px 0 0;font-size:16px;line-height:1.45;color:var(--ink)}
@media (max-width:900px){.gh-content .pilots{grid-template-columns:1fr}}
.gh-content .rg{display:grid;grid-template-columns:1fr 1.4fr;gap:8px 40px;background:var(--night);color:var(--on-night);padding:30px 34px;margin-top:2.2em}
.gh-content .rg h2{margin:0;color:var(--white)}
.gh-content .rg p{color:var(--on-night);font-size:17px;margin:10px 0 0}
.gh-content .rg ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule-night)}
.gh-content .rg li{margin:0;padding:10px 0;border-bottom:1px solid var(--rule-night);color:var(--on-night);font-size:16.5px;line-height:1.5}
.gh-content .rg li strong{color:var(--white)}
@media (max-width:820px){.gh-content .rg{grid-template-columns:1fr;padding:24px 20px}}
.gh-content .who{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px 30px;border-top:2px solid var(--ink);padding-top:22px;margin-top:1em;max-width:900px}
.gh-content .who__mark{width:88px;height:88px;background:var(--night);color:var(--gold-2);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:34px;letter-spacing:.02em}
.gh-content .who h3{margin:0 0 2px;font-size:24px}
.gh-content .who__role{margin:0 0 10px;font-family:var(--fig);font-stretch:var(--fig-wide);font-weight:600;font-size:16px;color:var(--gold-ink)}
.gh-content .who p{font-size:17.5px}
.gh-content .who ul{margin:.6em 0 0;padding-left:1.1em}
.gh-content .who li{font-size:16.5px;line-height:1.5}
@media (max-width:560px){.gh-content .who{grid-template-columns:1fr}}
.article--cont{padding-top:56px}

/* ---- 11. Error, print ---- */
.link-row{display:flex;flex-wrap:wrap;gap:14px;margin:0}
.link-row--after{margin-top:32px}
.feature--lead{margin-bottom:24px}
@media print{
  body{background:#fff;color:#000;font-size:12pt}
  .site-header,.ribbon,.site-footer,.band__cap,.subscribe,.nav-toggle,.search-toggle{display:none!important}
  .band{min-height:0;background:none;color:#000}.band__img,.band__shade{display:none}
  .band__panel{background:none;border:0;padding:0;margin:0}.band__title,.band__lede,.band__meta,.band__series{color:#000}
  .board,.tag-verified,.tag-video{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .video-embed{display:none}.video-print{display:block}
  .board,.tripmap,.quarantine,table{break-inside:avoid}h2{break-after:avoid}
  .gh-content>*{grid-column:main-start/main-end!important}
}