/* The Champion Punter — editorial redesign, 7 Nov 2026.
   Brand: existing black & gold logo, editorial ivory data cards.
   Existing racing, consent and Cloudflare API JavaScript retained. */
:root{
  --black:#090a09;--charcoal:#131514;--deep:#0d100e;--forest:#17201a;
  --gold:#d4af37;--gold-bright:#f0d27a;--gold-pale:#f7e5ac;
  --gold-grad:linear-gradient(125deg,#f8e6a5 0%,#dfbd55 48%,#c49728 100%);
  --cream:#f4f0e6;--paper:#fffcf5;--paper-alt:#ece6d7;--ink:#181914;
  --muted:#706e64;--line:#dcd4c1;--white:#fdfaf3;
  --win:#206645;--place:#98701b;--lose:#9a4a3d;
  --radius:12px;--shadow:0 12px 34px rgba(25,19,4,.08);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}button{font:inherit}img{display:block;max-width:100%}
.wrap{width:min(100% - 44px,1230px);margin-inline:auto}
.skip{position:absolute;top:-100px;left:12px;z-index:200;background:var(--gold-pale);color:var(--black);padding:9px 14px}.skip:focus{top:8px}
:focus-visible{outline:3px solid #bd8817;outline-offset:3px}
::selection{background:var(--gold-bright);color:#050505}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.serif,h1,h2,.serif-font{font-family:'Playfair Display',Georgia,'Times New Roman',serif}
em{font-style:italic;font-weight:700}
/* Navigation */
.site-header{position:sticky;top:0;z-index:70;background:rgba(9,10,9,.97);border-bottom:1px solid rgba(212,175,55,.45);box-shadow:0 4px 16px rgba(0,0,0,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.bar{height:88px;display:flex;align-items:center;gap:16px}
.brand{flex:none;display:flex;align-items:center;justify-content:center;width:154px;height:74px;text-decoration:none}
.brand-logo{width:146px;height:80px;object-fit:contain}
.brand-strap{flex:none;font-size:10px;line-height:1.45;color:#e5d6aa;letter-spacing:1.4px;font-weight:800;padding-left:20px;border-left:1px solid #b99c5590}
.brand-strap span{display:block;font-weight:500;letter-spacing:2px;color:#b8ac8f}
.nav{display:flex;align-items:center;gap:3px;margin-left:auto}
.nav a{display:block;padding:12px 15px;color:#ebe8df;text-decoration:none;font-weight:700;font-size:13px;border-radius:5px;white-space:nowrap;transition:background .2s,color .2s}
.nav a:hover{background:#363229;color:var(--gold-bright)}
.nav a[aria-current="page"]{color:var(--gold-bright);background:#2a261c}
.nav-toggle{display:none;align-items:center;gap:9px;justify-content:center;background:none;border:1px solid #8b733f;color:var(--gold-bright);border-radius:7px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer}
.nav-toggle span:first-child{font-size:18px}
/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:440px;background:#080a08;color:#fff}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060806 0%,rgba(5,8,5,.95) 24%,rgba(5,8,5,.76) 46%,rgba(5,8,5,.12) 82%),linear-gradient(0deg,rgba(0,0,0,.34),transparent 35%),url('/assets/hero-horses.webp') center 46%/cover no-repeat;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,13,.08),rgba(0,0,0,.12)),radial-gradient(ellipse at 90% 80%,rgba(212,175,55,.07),transparent 65%);z-index:-1}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:440px;align-items:center}
.hero-copy{max-width:610px;padding:56px 0 62px;position:relative}
.eyebrow,.kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#957225}
.eyebrow{color:var(--gold-bright);display:flex;align-items:center;gap:9px}
.eyebrow-rule{display:inline-block;background:var(--gold-grad);width:28px;height:2px}
.hero h1{font-size:clamp(40px,4.45vw,66px);letter-spacing:-1.7px;line-height:1.12;font-weight:800;margin:19px 0 20px;color:var(--white);text-wrap:balance}
.hero h1 em{color:var(--gold-bright)}
.hero .lede{max-width:480px;font-size:16px;line-height:1.7;color:#ece9de;margin:0 0 22px}
.hero-updated{font-size:12px;color:#e5d2a4;margin:17px 0 0;letter-spacing:.1px}
.hero-visual{align-self:end;height:100%;display:flex;align-items:end;justify-content:flex-end;padding-bottom:27px}
.hero-visual-label{font-size:10px;font-weight:700;color:#f3e7b8;letter-spacing:2.5px;text-shadow:0 2px 8px #000;background:rgba(5,5,5,.48);padding:9px 14px;border:1px solid #ffffff4d}
.hero-visual-label span{color:var(--gold)}
.btns{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 19px;border-radius:6px;min-height:45px;text-decoration:none;font-size:13px;font-weight:800;line-height:1.3;transition:transform .2s,background .2s;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold-grad);color:#0b0a05;border:1px solid #efdb95;box-shadow:0 4px 14px rgba(0,0,0,.16)}
.btn-gold:hover{background:#ffdd79;color:#0b0a05}
.btn-ghost{background:rgba(13,13,13,.5);color:var(--gold-pale);border:1px solid #c4a659}
.btn-ghost:hover{background:#282419;color:#fff}
/* trust strip */
.trust-strip{background:var(--forest);color:var(--white);border-top:1px solid #a9873a;border-bottom:3px solid #b58f39}
.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:14px}
.trust-grid>div{display:grid;grid-template-columns:30px 1fr;column-gap:11px;align-items:center;padding:0 18px;border-right:1px solid #d6c99a50}
.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border-right:0}
.trust-grid>div>span{grid-row:1/3;align-self:center;color:var(--gold-bright);font-size:26px;line-height:1}
.trust-grid strong{font-size:13px;letter-spacing:.2px}.trust-grid small{font-size:11px;color:#cbd0c5}
/* Sections */
.block{padding:36px 0}
.front-dashboard{padding-top:38px}
.section-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
.section-intro h2{font-size:clamp(25px,2.7vw,37px);letter-spacing:-.5px;margin:2px 0 0;line-height:1.3}
.section-intro h2 em{color:#916e20}
.date-chip{font-size:13px;font-weight:700;color:#5e563e;border:1px solid #d1c4a5;background:#fffcf6;border-radius:4px;padding:8px 14px;white-space:nowrap}
.front-grid{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr);gap:20px;align-items:stretch}
.feature-panel,.section-module{min-width:0}
.feature-panel{background:var(--paper);border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:var(--shadow)}
.panel-title{background:#111713;color:var(--gold-bright);display:flex;align-items:center;gap:10px;padding:12px 17px;min-height:52px;border-bottom:2px solid #ab8b42}
.panel-title h3{font-family:'Playfair Display',Georgia,serif;font-size:19px;font-weight:800;letter-spacing:.05px;margin:0;color:#fff8e8;line-height:1.2}
.panel-symbol{font-size:22px;line-height:1;color:var(--gold-bright)}
.panel-brow,.panel-more{font-size:11px;font-weight:800;letter-spacing:.6px;margin-left:auto;color:var(--gold-bright);text-decoration:none;white-space:nowrap}
.panel-more:hover{text-decoration:underline}
.nap{position:relative;min-height:224px;padding:23px 22px;background:radial-gradient(circle at 95% 0%,rgba(212,175,55,.15),transparent 50%),var(--paper);color:var(--ink)}
.nap .tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#977323;text-transform:uppercase}
.nap h2{font-size:clamp(26px,2.75vw,38px);margin:10px 0 3px;line-height:1.13;color:#121711}
.nap .meta{font-size:13px;color:#635d4b;margin:0 0 12px;font-weight:700;padding-right:6px}
.nap .why{font-size:14px;color:#41443c;line-height:1.5;margin:14px 0 7px}
.nap .people{font-size:12px;color:#777165;margin-top:7px}
.nap>.outcome{position:absolute;top:16px;right:16px}
.pick-content{padding:15px}
.scorecard{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.pill{display:inline-flex;align-items:center;gap:3px;padding:5px 10px;border:1px solid #ded4bf;border-radius:5px;background:#f6f0e5;font-size:11px;color:#564b2e;font-weight:700}
.pill b{color:#906512}
.grid{display:grid;gap:10px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tip{min-width:0;display:flex;flex-direction:column;gap:5px;padding:14px;background:#fffefa;border:1px solid #e1dacb;border-left:3px solid #ab8535;border-radius:7px}
.tip.nap-tip{border-left-color:#6d5b26;background:#fff7e6}
.tip-top{display:flex;align-items:start;justify-content:space-between;gap:10px}
.tip .horse{margin:0;font-size:16px;font-weight:800;line-height:1.27;color:#1b241a;overflow-wrap:anywhere}
.tip .meta{font-size:12px;color:#656054;font-weight:700}
.tip .why{font-size:12px;color:#48483d;line-height:1.45}
.tip .people{font-size:11px;color:#777264;line-height:1.45}
.badge{display:inline-block;background:#f2deac;color:#583d0b;border-radius:3px;padding:4px 8px;font-size:10px;letter-spacing:.8px;font-weight:800}
.outcome{font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.1px;border-radius:4px;padding:6px 9px;white-space:nowrap}
.o-win{background:#d7eadb;color:#155a34}.o-place{background:#f4e9cd;color:#785b16}.o-lose{background:#f6ded9;color:#993f33}.o-wait{background:#e9e4d9;color:#4b473c}
/* home results and Lucky 15 */
.live-overview{padding-top:0}
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.section-module{background:transparent}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-head h2{font-size:25px;line-height:1.24;margin:3px 0 0}
.section-head a,.text-link{font-size:12px;color:#765612;text-decoration:none;font-weight:800;border-bottom:1px solid #a78642;white-space:nowrap;padding-bottom:2px}
.section-head a:hover,.text-link:hover{color:#161a13}
.res{overflow:hidden;border:1px solid #ded3be;background:#fffdf7;border-radius:8px;box-shadow:var(--shadow)}
.res-row{display:flex;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid #e4dfd5}
.res-row:first-child{border-top:0}
.res-row .time{font-size:13px;color:#6e541f;font-weight:800;flex:none;min-width:44px}
.res-row .body{min-width:0;flex:1}
.res-row .body>div:first-child{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.res-row .body>div:last-child{font-size:11px;color:#706c61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.module-note{color:#77746a;font-size:11px;margin:8px 0 0}
/* Lucky 15 = original dynamic HTML */
.l15{background:var(--forest);color:#efe9d5;border-radius:8px;padding:19px;border-top:3px solid #d2ac49;box-shadow:var(--shadow);margin:0}
.l15-head{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:12px}
.l15-head .badge{background:transparent;color:var(--gold-bright);padding:0;letter-spacing:1.4px}
.l15-head h2{font:700 20px/1.2 'Playfair Display',Georgia,serif;margin:3px 0 0;color:#f6f2e8}
.l15-head .pill{background:rgba(246,227,170,.09);border-color:#776d4e;color:#d7c9a0}
.l15-head .pill b{color:var(--gold-bright)}
.l15-legs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;list-style:none;margin:0;padding:0}
.l15-leg{display:flex;gap:10px;align-items:center;padding:12px 10px;background:#243027;border:1px solid #4c604e;border-radius:6px;min-width:0}
.l15-n{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:var(--gold-grad);font-size:12px;color:#12120d;font-weight:800}
.l15-body{display:flex;flex-direction:column;min-width:0;flex:1}.l15-body b{font-size:12px;line-height:1.4;color:#fff;overflow-wrap:anywhere}.l15-body span{font-size:11px;color:#d2d1c6}
.l15-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.l15-copy{border:0;font-family:inherit}.l15-note{font-size:11px;color:#cdd2c7;flex:1;min-width:130px}
.l15 .o-wait{background:#cbbd91;color:#211d13}
/* journal */
.journal-block{padding:0 0 35px}
.journal-feature{background:radial-gradient(ellipse at 95% 0%,#3a321d,transparent 60%),linear-gradient(110deg,#090c0a,#1c241d);border:1px solid #9c8347;border-radius:10px;padding:30px 34px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:24px;color:#e7e8de}
.journal-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid #a4894b;color:var(--gold-bright);border-radius:8px;font-size:36px}
.journal-feature .kicker{color:#e5c675}.journal-feature h2{font-size:26px;line-height:1.24;color:#fff;margin:3px 0 10px}.journal-feature h2 em{color:var(--gold-bright)}
.journal-feature p{max-width:600px;color:#d9d8ce;font-size:13px;margin:0 0 12px}
.journal-facts{display:flex;gap:9px;flex-wrap:wrap}.journal-facts span{font-size:11px;color:#d5c7a2;border:1px solid #736a50;padding:5px 8px;border-radius:3px}
/* approach and longform */
.approach-block{padding-top:7px;padding-bottom:31px}
.how{background:#fffdf8;border:1px solid var(--line);padding:22px 23px;border-radius:9px;box-shadow:var(--shadow)}
.how .num{display:inline-block;border-bottom:2px solid #d7b35d;color:#8c6820;font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:800;line-height:1.3;margin-bottom:12px}
.how h3{font-size:17px;line-height:1.3;margin:3px 0 7px}.how p{font-size:13px;line-height:1.65;color:#646358;margin:0}
.longform-block{border-top:1px solid #d4c7a9;background:#f0eade;padding:29px 0}
.prose{max-width:820px;color:#353731;margin:0 auto}
.prose h2{font-size:25px;margin:24px 0 8px;color:#1b221b}
.prose h3{font-family:'Playfair Display',Georgia,serif;font-size:20px;line-height:1.3;margin:23px 0 8px;color:#1b221b}
.prose p,.prose li{font-size:15px;line-height:1.75}.prose p{margin:0 0 13px}.prose ul{padding-left:22px}
.prose a,main p a:not(.btn){color:#816215;text-decoration:underline;text-underline-offset:2px}
.responsible-block{background:var(--cream);padding:30px 0 40px}
.responsible-panel{background:var(--forest);padding:23px 26px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #9b834a;color:#e5e8e0}
.responsible-panel .kicker{color:var(--gold-bright)}
.responsible-panel h2{color:#fff;font-size:23px;margin:4px 0 7px}.responsible-panel h2 em{color:var(--gold-bright)}
.responsible-panel p{font-size:13px;margin:0;max-width:780px;color:#d3d7cc}.responsible-panel p a{color:var(--gold-bright)!important}
.responsible-panel .btn{white-space:nowrap;flex:none}
/* tips page */
.page-hero{color:#fff;background:radial-gradient(ellipse at 80% 30%,rgba(212,175,55,.13),transparent 60%),linear-gradient(115deg,#090b09,#1c251d);border-bottom:3px solid #ad893e;padding:43px 0 38px}
.page-hero .eyebrow{margin-bottom:9px}
.page-hero h1{font-size:clamp(32px,3.6vw,46px);margin:0 0 8px;color:#fdf8ef;line-height:1.24}
.page-hero h1 em{color:var(--gold-bright)}
.page-hero p{max-width:690px;color:#e4e2d7;margin:0}
.tips-hero{position:relative;overflow:hidden}
.tips-hero::after{content:"";position:absolute;right:0;top:0;width:42%;height:100%;background:url('/assets/hero-horses.webp') center 45%/cover;opacity:.16;mask-image:linear-gradient(90deg,transparent,#000)}
.tips-hero>.wrap{position:relative;z-index:1}
.tips-status{display:inline-block;margin-top:16px;font-size:12px;color:#e0ca93;border:1px solid #7d7046;padding:5px 10px;border-radius:3px}
.tips-body{min-height:400px}
.tab-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.tab-intro p{font-size:13px;color:#6d685a;margin:0}
.tabs{display:flex;gap:5px;padding:6px;background:#e8dfcd;border:1px solid #d0c2a6;border-radius:9px;margin:15px 0 17px;max-width:700px}
.tabs button{flex:1;min-height:44px;padding:10px 15px;color:#4d4838;background:transparent;border:0;border-radius:6px;font-size:13px;font-weight:800;cursor:pointer}
.tabs button[aria-selected="true"]{background:#151d16;color:#f5e0a4;box-shadow:0 2px 6px #0003}
.tab-pane .grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tab-pane .tip{padding:17px;border-color:#ded2b8;background:#fffefa;box-shadow:var(--shadow)}
.tab-pane .tip .horse{font-size:19px}
.tab-pane .scorecard{margin-bottom:17px}
.race{border:1px solid #dcd1b8;background:#fffefa;border-radius:7px;margin-bottom:8px;box-shadow:var(--shadow);overflow:hidden}
.race summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 17px;min-height:60px}
.race summary::-webkit-details-marker{display:none}
.race summary::after{content:'+';color:#99782f;font-size:21px;font-weight:600;line-height:1;margin-left:5px}
.race[open] summary::after{content:'−'}
.race .time{font-size:13px;font-weight:800;min-width:45px;color:#826018}
.race .rname{flex:1;min-width:0}
.race .rname div:first-child{font-weight:800;color:#233026;font-size:13px}
.race .rname div:last-child{font-size:11px;color:#777061;margin-top:2px}
.race .pick{font-size:10px;color:#777168;text-align:right;flex:0 1 165px;min-width:0}
.race .pick b{display:block;font-size:12px;color:#202820;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;color:#2b2f26}
th,td{padding:10px 14px;text-align:left;border-top:1px solid #e3dbc9}
th{background:#eae2d3;font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:800;color:#524c3c}
tr.our td{background:#fcf3da;font-weight:800;color:#3e331a}
/* Generic content pages */
.card{background:#fffdf7;border:1px solid #ddd1b7;border-radius:9px;padding:22px;box-shadow:var(--shadow)}
.help-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.help-list .card h3{font-size:18px;color:#19221b;margin:0 0 6px}.help-list .card p{font-size:13px;margin:0;color:#5b5d52}.help-list .card a{color:#816215}
/* state boxes */
.empty,.error{border:1px dashed #cabd9b;border-radius:7px;padding:22px 18px;background:#fffbf1;color:#655c4e;text-align:center;font-size:13px}
.error{border-color:#b97a6d;background:#fcf2ef;color:#923b2e}
.skeleton{height:105px;border-radius:8px;background:linear-gradient(95deg,#e8e0d3,#f6efe2,#e8e0d3);background-size:200% 100%;animation:shine 1.3s ease-in-out infinite}
@keyframes shine{to{background-position:-200% 0}}
.hidden{display:none!important}
/* footer */
.site-footer{padding:34px 0 25px;background:#080908;color:#dedbd0;border-top:3px solid #b68d34;margin-top:0}
.foot-grid{display:grid;grid-template-columns:1.5fr .8fr .95fr;gap:45px;padding-bottom:29px}
.foot-brand img{width:178px;height:100px;object-fit:contain;margin-left:-7px}
.foot-brand p{font-size:12px;line-height:1.6;margin:5px 0 11px;color:#c2beb2;max-width:300px}
.foot-disclaimer{display:flex;align-items:center;gap:8px}
.age{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold-bright);font-size:11px;font-weight:800;flex:none}
.social-icons{display:flex;gap:8px;margin-top:14px}
.social-icons a{width:37px;height:37px;display:grid;place-items:center;border:1px solid #796638;border-radius:7px;color:var(--gold-bright);font-size:20px;font-weight:800;text-decoration:none;line-height:1}
.social-icons a:hover{background:#2d2a20;border-color:var(--gold-bright)}
.site-footer h4{font-family:'Playfair Display',Georgia,serif;color:var(--gold-bright);font-size:18px;font-weight:700;margin:20px 0 13px}
.foot-links a{display:block;color:#d9d6cb;text-decoration:none;font-size:13px;margin:11px 0;line-height:1.4}
.foot-links a:hover{color:var(--gold-bright);text-decoration:underline}
.foot-bottom{border-top:1px solid #4d442c;padding-top:17px;display:flex;justify-content:space-between;gap:14px;color:#9e988b;font-size:11px}
@media(max-width:1080px){
 .brand-strap{display:none}.bar{height:78px}.brand{width:144px}.brand-logo{width:142px}
 .nav a{padding:10px 11px}
 .hero-grid{grid-template-columns:1fr .55fr}
 .front-grid{grid-template-columns:.9fr 1.1fr}
 .journal-feature{grid-template-columns:54px 1fr}.journal-feature>.btn{grid-column:2;justify-self:start}
}
@media(max-width:820px){
 .wrap{width:min(100% - 32px,1230px)}
 .bar{height:72px}.brand{height:68px;width:136px}.brand-logo{width:134px;height:72px}
 .nav-toggle{display:flex;margin-left:auto}
 .nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;margin:0;padding:9px 18px 16px;background:#0b0c0b;border-bottom:1px solid #a18442;box-shadow:0 12px 22px #0007;gap:0}
 .nav.open{display:flex}
 .nav a{padding:14px 12px;font-size:14px;border-bottom:1px solid #2d291b;border-radius:0}
 .hero{min-height:370px}.hero-grid{min-height:370px;grid-template-columns:1fr .4fr}
 .hero h1{font-size:44px}.hero-copy{padding:45px 0}.hero-visual-label{display:none}
 .front-grid,.content-grid{grid-template-columns:1fr}
 .trust-grid>div{padding:0 9px}
 .journal-feature{grid-template-columns:50px 1fr;gap:15px;padding:22px}
 .foot-grid{gap:20px}
}
@media(max-width:600px){
 .wrap{width:min(100% - 28px,1230px)}
 .bar{height:68px}.brand{height:64px;width:120px}.brand-logo{width:120px;height:67px}.nav{top:68px}
 .hero{min-height:328px}.hero-grid{min-height:328px;grid-template-columns:1fr}
 .hero::before{background:linear-gradient(90deg,#060806 0%,rgba(5,8,5,.92) 37%,rgba(5,8,5,.55) 87%),linear-gradient(0deg,#050705a8,transparent 60%),url('/assets/hero-horses.webp') 63% 48%/cover no-repeat}
 .hero-copy{max-width:440px;padding:30px 0 31px}
 .hero h1{font-size:clamp(35px,9vw,47px);letter-spacing:-.8px;margin:12px 0 12px}
 .hero .lede{font-size:13px;line-height:1.6;margin-bottom:15px;max-width:345px}
 .eyebrow,.kicker{font-size:9px;letter-spacing:1.65px}
 .btn{min-height:42px;font-size:12px;padding:10px 13px}
 .hero-updated{font-size:11px;margin-top:13px}
 .hero-visual{display:none}
 .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-block:11px}
 .trust-grid>div{display:block;text-align:center;padding:0 7px}
 .trust-grid>div>span{display:block;font-size:19px;margin-bottom:3px}
 .trust-grid strong{font-size:10px;display:block;line-height:1.3}.trust-grid small{display:none}
 .block{padding:24px 0}.front-dashboard{padding-top:25px}
 .section-intro{align-items:start;gap:8px;margin-bottom:14px}.section-intro h2{font-size:25px}.date-chip{font-size:10px;padding:6px 7px}
 .front-grid{gap:14px}.panel-title{padding:10px 12px}.panel-title h3{font-size:17px}.panel-brow{font-size:10px}
 .nap{min-height:184px;padding:16px}.nap h2{font-size:30px}.nap .meta{font-size:12px}.nap .why{font-size:13px;margin:7px 0 3px}.nap .people{font-size:11px}
 .pick-content{padding:10px}.grid.cols-2{grid-template-columns:1fr}.tip{padding:12px}.tip .horse{font-size:16px}.tip .meta{font-size:12px}
 .content-grid{gap:21px}.section-head h2{font-size:23px}.section-head a{font-size:11px}
 .l15{padding:13px}.l15-head{display:block}.l15-head .pill{margin-top:8px}
 .l15-legs{grid-template-columns:1fr}.l15-leg{padding:10px 9px}.l15-body b{font-size:13px}
 .journal-block{padding:0 0 24px}.journal-feature{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px}
 .journal-icon{width:39px;height:39px;font-size:24px}.journal-feature h2{font-size:24px}.journal-feature>.btn{width:100%;justify-content:center}
 .approach-block{padding-top:5px}.grid.cols-3{grid-template-columns:1fr}.how{padding:14px 16px}.how .num{margin-bottom:3px}.how h3{margin:3px 0}.how p{font-size:12px}
 .longform-block{padding:24px 0}.prose h2{font-size:22px}.prose p,.prose li{font-size:14px}
 .responsible-panel{display:block;padding:20px}.responsible-panel h2{font-size:21px}.responsible-panel .btn{margin-top:14px;width:100%}
 .page-hero{padding:27px 0}.page-hero h1{font-size:33px}.page-hero p{font-size:13px}
 .tabs{max-width:100%;margin:12px 0 15px}.tabs button{font-size:12px;padding:9px 6px}
 .tab-pane .grid.cols-2{grid-template-columns:1fr}.tab-pane .tip .horse{font-size:17px}
 .race summary{padding:11px 10px;gap:7px}.race .time{font-size:11px;min-width:39px}.race .rname div:first-child{font-size:12px}.race .pick{max-width:29%;flex:0 1 90px}.race .pick b{font-size:11px}
 th,td{padding:8px 10px;font-size:12px}
 .help-list{grid-template-columns:1fr}
 .foot-grid{grid-template-columns:1fr 1fr;gap:12px}.foot-brand{grid-column:1/-1}.foot-brand img{width:149px;height:85px}
 .site-footer h4{margin:4px 0 11px;font-size:17px}
 .foot-bottom{display:block;font-size:10px}.foot-bottom>span{display:block;margin-bottom:5px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skeleton{animation:none}.btn{transition:none}}