:root{--ground:#f1f3ef;--ink:#16211b;--muted:#56655c;--rule:#d5dbd3;--accent:#1f4a33;--on-accent:#f6f1e3;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ground:#0d1210;--ink:#e5ebe7;--muted:#93a299;--rule:#2a342e;--accent:#9fd1b1;--on-accent:#0d1210;color-scheme:dark}}
:root[data-theme="dark"]{--ground:#0d1210;--ink:#e5ebe7;--muted:#93a299;--rule:#2a342e;--accent:#9fd1b1;--on-accent:#0d1210;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
body{background:var(--ground);color:var(--ink);font:15px/1.55 "Barlow",system-ui,"Segoe UI",sans-serif;padding-inline:16px;padding-block:28px 56px}
.wrap{max-width:1120px;margin:0 auto;display:grid;gap:30px}
.top{display:grid;gap:10px}
.eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.top h1{margin:0;font:800 clamp(30px,4.6vw,46px)/1.02 "Big Shoulders Display","Arial Narrow",sans-serif;letter-spacing:.02em;text-transform:uppercase;text-wrap:balance}
.top p{margin:0;max-width:70ch;color:var(--muted)}
.controls{display:grid;gap:10px}
.ctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ctl-l{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);min-width:96px}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{font:700 13.5px/1 "Barlow Semi Condensed","Barlow",system-ui,sans-serif;letter-spacing:.03em;padding:9px 13px;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--ink);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.seg button:focus-visible,.lcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cal{margin:0;font-size:13.5px;color:var(--muted);max-width:86ch}
.cal b{color:var(--ink);font-weight:600}
.foot{margin:0;border-top:1px solid var(--rule);padding-top:18px;color:var(--muted);max-width:72ch}

/* ---------- meet themes: one flat design, re-dressed per primary meet ---------- */
.wrap{--t-bar:#18222d;--t-bar-ink:#ffffff;--t-bar-sub:#9fb0c0;--t-ground:#dde3e8;--t-land:#f3f5f7;--t-border:#d3dae1;--t-coast:#a9b4bf;
  --t-pin:#18222d;--t-pin-ink:#ffffff;--t-accent:#e07a1f;--t-accent-ink:#ffffff;--t-tag:#ffffff;--t-tag-ink:#18222d;--t-tag-sub:#4f5d6b;--t-tag-rule:#e07a1f;--t-tag-line:#d3dae1;
  --t-hud:#ffffff;--t-hud-ink:#18222d;--t-hud-sub:#5b6978;--t-head:#18222d;--t-head-ink:#ffffff;--t-head-sub:#b9c6d2;
  --t-rail:#ffffff;--t-chip:#f3f5f7;--t-chip-ink:#18222d;--t-chip-sub:#5b6978;--t-chip-line:#dde3e8;--t-next:#e07a1f;--t-logo2:#e3a21a;
  --t-band:linear-gradient(#e07a1f,#e07a1f);--t-band-h:4px}
.wrap[data-track="saratoga"]{--t-art:url(brand/gs-white.png);--t-art-o:.32;--t-bar:#d4001f;--t-bar-ink:#ffffff;--t-bar-sub:#ffd9dc;--t-ground:#e6dac3;--t-land:#f6eee0;--t-border:#e0d3bb;--t-coast:#c7b58f;--t-pin:#d4001f;--t-pin-ink:#ffffff;--t-accent:#d4001f;--t-accent-ink:#ffffff;--t-tag:#ffffff;--t-tag-ink:#1a1a1a;--t-tag-sub:#4d4d4d;--t-tag-rule:#d4001f;--t-tag-line:#d4c6ab;--t-hud:#ffffff;--t-hud-ink:#1a1a1a;--t-hud-sub:#5c5c5c;--t-head:#ffffff;--t-head-ink:#1a1a1a;--t-head-sub:#555555;--t-rail:#b8001b;--t-chip:#ffffff;--t-chip-ink:#1a1a1a;--t-chip-sub:#555555;--t-chip-line:#f0d4d7;--t-next:#d4001f;--t-logo2:#f2b632;--t-band:radial-gradient(circle at 14px 0,#d4001f 13.5px,transparent 14.5px) 0 12px/56px 12px repeat-x,radial-gradient(circle at 42px 0,#ffffff 13.5px,transparent 14.5px) 0 12px/56px 12px repeat-x,repeating-linear-gradient(90deg,#d4001f 0 28px,#ffffff 28px 56px) 0 0/100% 12px no-repeat;--t-band-h:24px}
.wrap[data-track="belmont"]{--t-art:url(brand/art/belmont.png);--t-art-o:.9;--t-bar:#0f4d31;--t-bar-ink:#ffffff;--t-bar-sub:#cfe3d6;--t-ground:#17603f;--t-land:#ece3cd;--t-border:#d9cdb0;--t-coast:#c2b38e;--t-pin:#0f4d31;--t-pin-ink:#ffffff;--t-accent:#b8902e;--t-accent-ink:#ffffff;--t-tag:#ffffff;--t-tag-ink:#12261c;--t-tag-sub:#4f4f4f;--t-tag-rule:#0f4d31;--t-tag-line:#d6cbb2;--t-hud:#ffffff;--t-hud-ink:#12261c;--t-hud-sub:#56615a;--t-head:#0f4d31;--t-head-ink:#ffffff;--t-head-sub:#cfe3d6;--t-rail:#0b3a25;--t-chip:#f7f2e6;--t-chip-ink:#12261c;--t-chip-sub:#56615a;--t-chip-line:#d6cbb2;--t-next:#b8902e;--t-logo2:#e0bf5a;--t-band:linear-gradient(#c9a44a,#c9a44a) 0 0/100% 1px no-repeat,linear-gradient(#c9a44a,#c9a44a) 0 100%/100% 1px no-repeat,url(brand/carnation.png) 2px 50%/24px 20px repeat-x,#0f4d31;--t-band-h:24px}
.wrap[data-track="keeneland"]{--t-art:url(brand/art/keeneland.png);--t-art-o:.9;--t-bar:#1b5a45;--t-bar-ink:#ffffff;--t-bar-sub:#bcd3c8;--t-ground:#d6cfbf;--t-land:#eee8da;--t-border:#d8ceb8;--t-coast:#b6ab93;--t-pin:#1b5a45;--t-pin-ink:#ffffff;--t-accent:#b8862b;--t-accent-ink:#ffffff;--t-tag:#ffffff;--t-tag-ink:#1b5a45;--t-tag-sub:#555a4e;--t-tag-rule:#b8862b;--t-tag-line:#d9cfb9;--t-hud:#1b5a45;--t-hud-ink:#ffffff;--t-hud-sub:#bcd3c8;--t-head:#f9f7f2;--t-head-ink:#1b5a45;--t-head-sub:#5b6156;--t-rail:#1b5a45;--t-chip:#f9f7f2;--t-chip-ink:#1b5a45;--t-chip-sub:#5b6156;--t-chip-line:#e3dccb;--t-next:#b8862b;--t-logo2:#d9a441;--t-band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='20'%3E%3Crect width='64' height='20' fill='%23d5ccb7'/%3E%3Crect x='33' y='1' width='30' height='9' fill='%23cbc1a8'/%3E%3Crect x='1' y='11' width='15' height='8' fill='%23cbc1a8'/%3E%3Crect x='49' y='11' width='14' height='8' fill='%23ddd5c3'/%3E%3Cpath d='M0 10.5H64M0 0.5H64M0 19.5H64M32.5 0V10M0.5 0V10M16.5 10V20M48.5 10V20' stroke='%23aca085' stroke-width='1'/%3E%3C/svg%3E") 0 0/64px 20px repeat-x;--t-band-h:20px}
.wrap[data-track="bc"]{--t-art:url(brand/art/bc.png);--t-art-o:.9;--t-bar:#4b2a84;--t-bar-ink:#ffffff;--t-bar-sub:#e6d08c;--t-ground:#2e1757;--t-land:#e4daf1;--t-border:#cdbfe2;--t-coast:#b3a1d3;--t-pin:#c9a44a;--t-pin-ink:#2e1757;--t-accent:#e0bb4f;--t-accent-ink:#2e1757;--t-tag:#ffffff;--t-tag-ink:#2e1757;--t-tag-sub:#574b6e;--t-tag-rule:#c9a44a;--t-tag-line:#cfc3e3;--t-hud:#ffffff;--t-hud-ink:#2e1757;--t-hud-sub:#65597c;--t-head:#4b2a84;--t-head-ink:#ffffff;--t-head-sub:#e3d7f5;--t-rail:#2e1757;--t-chip:#ffffff;--t-chip-ink:#2e1757;--t-chip-sub:#65597c;--t-chip-line:#e4def0;--t-next:#b08a2e;--t-logo2:#e0bb4f;--t-band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='16'%3E%3Crect width='60' height='16' fill='%234b2a84'/%3E%3Cpath d='M0 2.5H60M0 13.5H60' stroke='%23e0bb4f' stroke-width='1.2'/%3E%3Cpath d='M30 4L31 6.62L33.8 6.76L31.62 8.53L32.35 11.24L30 9.7L27.65 11.24L28.38 8.53L26.2 6.76L29 6.62Z' fill='%23e0bb4f'/%3E%3C/svg%3E") 0 0/60px 16px repeat-x;--t-band-h:16px}
.wrap[data-track="delmar"]{--t-art:url(brand/art/delmar.png);--t-art-o:.85;--t-bar:#1b5aa6;--t-bar-ink:#ffffff;--t-bar-sub:#cfe2f5;--t-ground:#a8d2ef;--t-land:#f1e3c4;--t-border:#e2cfa6;--t-coast:#c7ad78;--t-pin:#1b5aa6;--t-pin-ink:#ffffff;--t-accent:#e9a900;--t-accent-ink:#0e2f57;--t-tag:#ffffff;--t-tag-ink:#0e2f57;--t-tag-sub:#4a5d72;--t-tag-rule:#f5c21b;--t-tag-line:#dccaa3;--t-hud:#ffffff;--t-hud-ink:#0e2f57;--t-hud-sub:#5a6f86;--t-head:#1b5aa6;--t-head-ink:#ffffff;--t-head-sub:#d7e7f7;--t-rail:#0e2f57;--t-chip:#ffffff;--t-chip-ink:#0e2f57;--t-chip-sub:#5a6f86;--t-chip-line:#d6e4f1;--t-next:#e9a900;--t-logo2:#f5c21b;--t-band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20'%3E%3Crect width='40' height='20' fill='%23a8d2ef'/%3E%3Cpath d='M10 0L20 10L10 20L0 10Z' fill='%23f5c21b'/%3E%3Cpath d='M30 0L40 10L30 20L20 10Z' fill='%231b5aa6'/%3E%3C/svg%3E") 0 0/40px 20px repeat-x;--t-band-h:20px}

/* ---------- the stage (master page) ---------- */
.stage{position:relative;border-radius:14px;overflow:hidden;isolation:isolate;background:var(--t-ground);color:var(--t-tag-ink);transition:background-color .35s}
.bar{position:relative;z-index:4;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:9px 16px;min-height:60px;background:var(--t-bar);color:var(--t-bar-ink);overflow:hidden}
.bar .logo{display:none;align-items:center;position:relative;z-index:1;color:var(--t-bar-ink);--l-bg:var(--t-bar);--l2:var(--t-logo2);--l3:#ffffff}
.bar .logo-img{display:flex}
.bar .logo-img img{display:block;height:50px;width:auto}
.wrap[data-logo="plain"] .bar .logo-plain,.wrap[data-logo="crest"] .bar .logo-crest,.wrap[data-logo="sign"] .bar .logo-sign,.wrap[data-logo="connector"] .bar .logo-connector,.wrap[data-logo="classic"] .bar .logo-classic,.wrap[data-logo="bold"] .bar .logo-bold,.wrap[data-logo="type"] .bar .logo-type{display:flex}
.bar .meet{flex:1;min-width:160px;text-align:center;font:700 12.5px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--t-bar-sub);position:relative;z-index:1}
.bar-art{position:absolute;right:170px;bottom:0;height:58px;width:380px;background:var(--t-art,none) right bottom/contain no-repeat;opacity:var(--t-art-o,.5);pointer-events:none}
.live{display:flex;align-items:center;gap:8px;font:700 11.5px/1 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--t-bar-ink);position:relative;z-index:1}
.live i{display:block;width:9px;height:9px;border-radius:50%;background:var(--t-accent)}
.clock{font:700 11.5px/1 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--t-bar-ink);position:relative;z-index:1;font-variant-numeric:tabular-nums;text-shadow:1px 0 0 var(--t-bar),-1px 0 0 var(--t-bar),0 1px 0 var(--t-bar),0 -1px 0 var(--t-bar),1px 1px 0 var(--t-bar),-1px -1px 0 var(--t-bar),1px -1px 0 var(--t-bar),-1px 1px 0 var(--t-bar),0 0 4px var(--t-bar),0 0 8px var(--t-bar)}
.clock:empty{display:none}
.band{position:relative;z-index:3;height:var(--t-band-h);background:var(--t-band)}
.view{position:relative;width:100%;aspect-ratio:1000/560;min-height:340px}
.view>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.land{fill:var(--t-land);stroke:var(--t-coast);stroke-width:1;transition:fill .35s}
.borders{fill:none;stroke:var(--t-border);stroke-width:.9}
.mk,.lb{cursor:pointer;outline:none;transition:opacity .3s}
.mk .hit{fill:transparent}
.mk .pin{fill:var(--t-pin);stroke:var(--t-tag);stroke-width:2.2}
.mk .code{font:700 9.5px "Barlow Semi Condensed","Arial Narrow",sans-serif;letter-spacing:.03em;fill:var(--t-pin-ink)}
.mk .ping{fill:none;stroke:var(--t-accent);stroke-width:2.6;opacity:0}
.mk .halo{fill:none;stroke:var(--t-accent);stroke-width:2.2}
.mk.contest .ping{animation:ping 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
.mk.contest .ping.p2{animation-delay:1.2s}
@keyframes ping{0%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
.mk .focus{fill:none;stroke:var(--t-accent);stroke-width:2;stroke-opacity:0}
.mk:focus-visible .focus{stroke-opacity:1}
.lb .plate{fill:var(--t-tag);stroke:var(--t-tag-line);stroke-width:1.2;filter:drop-shadow(0 1.5px 2.5px rgba(0,0,0,.28))}
.lb .rule{fill:var(--t-tag-rule)}
.lb .nm{font:700 14px "Barlow Semi Condensed","Arial Narrow",sans-serif;letter-spacing:.03em;fill:var(--t-tag-ink)}
.lb .wxt{font:600 11.5px "Barlow",system-ui,sans-serif;fill:var(--t-tag-sub)}
.lb .tp{fill:var(--t-tag-ink);font-weight:700}
.lead-h{stroke:var(--t-tag);stroke-width:3.6;stroke-linecap:round}
.lead{stroke:var(--t-tag-ink);stroke-width:1.3;stroke-linecap:round}
.wxi{color:#8c96a0}.wxi.sun,.wxi.partly{color:#e3a21a}.wxi.rain{color:#2f7cc4}.wxi.storm{color:#6f55b8}
.stage.flying .mk:not(.target),.stage.arrived .mk:not(.target),.stage.flying .lb,.stage.arrived .lb{opacity:0;pointer-events:none}
.hud{position:absolute;left:14px;bottom:14px;z-index:3;width:232px;border-radius:10px;padding:11px 13px 12px;font-size:12.5px;background:var(--t-hud);color:var(--t-hud-ink);transition:opacity .3s}
.hud h3{margin:0 0 7px;font:800 15px/1 "Big Shoulders Display","Arial Narrow",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.hud dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:5px 12px}
.hud dt{color:var(--t-hud-sub)}
.hud dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.stage.flying .hud,.stage.arrived .hud{opacity:0;pointer-events:none}
.head{position:absolute;left:0;right:0;top:0;z-index:5;background:var(--t-head);color:var(--t-head-ink);transform:translateY(-104%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.head-in{display:flex;align-items:center;gap:14px;padding:12px 16px 14px}
.head h4{margin:0;font:800 40px/1 "Big Shoulders Display","Arial Narrow",sans-serif;letter-spacing:.05em;text-transform:uppercase}
.head .meta{margin-top:5px;font-size:13.5px;color:var(--t-head-sub)}
.ctag{display:inline-block;margin-left:10px;vertical-align:middle;font:700 11px/1 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:3px;background:var(--t-accent);color:var(--t-accent-ink)}
.back{flex:none;font:700 12.5px/1 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.06em;border-radius:6px;padding:8px 11px;cursor:pointer;border:1px solid currentColor;background:transparent;color:inherit}
.back:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.stage.arrived .head{transform:none}


.wrap[data-track="base"] .wxi-img,.wrap[data-track="base"] .head-wx{display:none}
.wrap:not([data-track="base"]) .wxi-sym{display:none}
.head-t{flex:1;min-width:0}
.head-wx{width:58px;height:58px;flex:none;object-fit:contain}
@media (max-width:640px){
  .bar .logo-img img{height:38px}
  .bar .meet{order:3;flex-basis:100%;text-align:left}
  .bar-art{display:none!important}
  .hud{position:static;width:auto;border-radius:0}
  .hud dl{grid-template-columns:1fr auto 1fr auto}
  .head h4{font-size:30px}
  .head-in{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.head,.hud,.mk,.lb,.stage,.land,.lstage{transition:none}.mk.contest .ping{animation:none;opacity:.45}.mk.contest .ping.p2{transform:scale(1.8);opacity:.25}}
/* ---------- site additions ---------- */
html,body{margin:0}
body{padding-block:12px 28px}
.daypick{position:relative;z-index:1}
.daypick select{font:700 12px/1 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--t-bar-ink);border:1px solid currentColor;border-radius:6px;padding:6px 8px}
.daypick select option{color:#111}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.stale{margin:0;padding:8px 16px;background:#8a403a;color:#fff;font:600 13px/1.35 "Barlow",system-ui,sans-serif;position:relative;z-index:3}
/* contest standings: opponents are anonymous, our entries highlighted */
.standings{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.board{background:var(--t-hud);color:var(--t-hud-ink);border-radius:10px;padding:12px 14px}
.board h3{margin:0;font:800 16px/1.1 "Big Shoulders Display","Arial Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.board-sub{margin:4px 0 8px;font-size:12px;color:var(--t-hud-sub)}
.board-rows{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-variant-numeric:tabular-nums}
.board-rows li{display:grid;grid-template-columns:2.4em 1fr auto;gap:8px;padding:4px 6px;border-radius:5px;font-size:13px}
.board-rows li.paid .rk{font-weight:800}
.board-rows li.ours{background:var(--t-accent);color:var(--t-accent-ink);font-weight:700}

/* ---------- track page: one race at a time ---------- */
.wrap.track-mode .view,.wrap.track-mode .hud{display:none}
.wrap.track-mode .head{position:relative;transform:none;transition:none}
.wrap.track-mode .head .band{display:none}  /* in the flow under the top bar's band: its own band (for the fly-in) would be a second row */
.tp{display:grid;gap:12px}
.tp[hidden]{display:none}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:12px;background:var(--t-hud);border-radius:12px}
.tab{flex:1 0 64px;display:grid;justify-items:center;gap:2px;min-height:60px;padding:8px 10px;border-radius:10px;border:2px solid var(--t-chip-line);background:var(--t-hud);color:var(--t-hud-ink);cursor:pointer;font:inherit}
.tab b{font:800 22px/1 "Big Shoulders Display","Arial Narrow",sans-serif}
.tab small{font:700 11px/1.1 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.03em;white-space:nowrap;color:var(--t-hud-sub)}
.tab.next{border-color:var(--t-next)}
.tab.next small{color:var(--t-hud-ink);font-weight:800}
.tab.sel{background:var(--t-head);border-color:var(--t-head);color:var(--t-head-ink)}
.tab.sel small{color:var(--t-head-sub)}
.tab:focus-visible,.rh-nav button:focus-visible,.frow:focus-visible{outline:2px solid var(--t-accent);outline-offset:2px}
.dayline{margin:0;padding:0 4px;font-size:13px;color:var(--muted)}
.race{display:grid;gap:12px}
.rh{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;background:var(--t-hud);color:var(--t-hud-ink);border-radius:12px}
.rno{display:grid;place-items:center;width:58px;height:58px;border-radius:10px;background:var(--t-head);color:var(--t-head-ink);font:800 30px/1 "Big Shoulders Display","Arial Narrow",sans-serif}
.rno small{font:600 10px/1 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.12em}
.rh-t{flex:1 1 180px;display:grid;gap:3px;min-width:0}
.rh-st{font:700 16px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.02em}
.rh-st.hot{color:#a8231b;text-transform:uppercase}
.rh-ln{font-size:13px;color:var(--t-hud-sub)}
.mtp{display:grid;place-items:center;min-width:62px;height:58px;padding:0 10px;border-radius:10px;background:#e0bf5a;color:#12261c}
.mtp b{font:800 30px/1 "Big Shoulders Display","Arial Narrow",sans-serif;font-variant-numeric:tabular-nums}
.mtp small{font:700 10px/1 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.12em}
.mtp.urgent{background:#a8231b;color:#fff}
.rh-nav{display:flex;gap:8px;margin-left:auto}
.rh-nav button{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--t-chip-line);background:var(--t-hud);color:var(--t-hud-ink);font:700 14px/1 "Barlow Semi Condensed","Barlow",sans-serif;cursor:pointer}
.alert{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:#a8231b;color:#fff;font-size:15px}
.alert span{font-size:13px}
.alert.info{background:var(--t-hud);color:var(--t-hud-ink);border:1px solid var(--t-chip-line);font-size:14px}
.card{background:var(--t-hud);color:var(--t-hud-ink);border-radius:12px;padding:14px;display:grid;gap:10px;align-content:start}
.card h3{margin:0;font:800 18px/1.1 "Big Shoulders Display","Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.facts dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 16px}
.facts dt{font:700 11px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--t-hud-sub)}
.facts dd{margin:2px 0 0;font-weight:600}
.wagers,.note{margin:0;font-size:13px;color:var(--t-hud-sub)}
.wagers b{color:var(--t-hud-ink);margin-right:6px}
.conds summary{cursor:pointer;font-weight:600;font-size:13px}
.conds p{margin:6px 0 0;font-size:12.5px;color:var(--t-hud-sub)}
.result p{margin:0;font-variant-numeric:tabular-nums}
.result .win{font-weight:700}
.pill{justify-self:start;padding:3px 10px;border-radius:999px;font:700 12px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.pill.hit{background:#dcecdf;color:#1b5532}.pill.miss{background:#efe9da;color:#6b5f4a}
.tp-empty{margin:0;padding:14px;border-radius:12px;background:var(--t-hud);color:var(--t-hud-sub)}
.sc{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:5px;border:1px solid var(--sc-edge);background:var(--sc);color:var(--sc-ink);font:700 14px/1 "Barlow Semi Condensed","Barlow",sans-serif;flex:none;box-sizing:border-box}
@media (max-width:640px){.rh-nav{margin-left:0;width:100%;justify-content:space-between}.tab{flex-basis:62px}}
.proj-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plabel{padding:3px 10px;border-radius:999px;font:700 12px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.04em;white-space:nowrap}
.plabel.lone{background:#dfeaf6;color:#1c4a7a}.plabel.contested{background:#fbe9c8;color:#7a5410}
.plabel.hot{background:#f8dcd2;color:#8a2a1c}.plabel.unclear{background:#efe9da;color:#56615a}
.pheads{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font:700 11px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--t-hud-sub)}
.pgrid{position:relative;border-radius:8px;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.04) 0 32px,transparent 32px 64px)}
.pgrid svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pgrid .sc{position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px rgba(0,0,0,.25)}
.plines{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.plines li{display:grid;grid-template-columns:56px 1fr;gap:8px;font-size:14px;line-height:1.4}
.plines b{font:700 12px/1.6 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--t-head)}
.small{margin:0;font-size:12px;line-height:1.45;color:var(--t-hud-sub)}
.small.pad{padding:0 14px 10px}
.best{display:grid;gap:2px;padding:10px 12px;border:2px solid var(--t-head);border-radius:10px}
.best small{font:700 11px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--t-head)}
.best b{font-size:16px}
.top3{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.top3 li{display:grid;grid-template-columns:28px minmax(0,1fr) 44px;align-items:center;gap:10px}
.top3 li>span:not(.sc):not(.num){display:grid;gap:4px;min-width:0;font-weight:600}
.wbar{display:block;height:5px;border-radius:3px;background:var(--t-chip);overflow:hidden}
.wbar i{display:block;height:5px;background:var(--t-accent)}
.num{text-align:right;font:700 15px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;font-variant-numeric:tabular-nums}
.grp{display:grid;gap:6px}
.lbl{font:700 11px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--t-hud-sub)}
.vrow{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4}
.tag{flex:none;display:inline-block;padding:2px 8px;border-radius:999px;font:700 11px/1.3 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.04em}
.tag.value{background:#dfeaf6;color:#1c4a7a}.tag.overbet{background:#fbe3cf;color:#8a4a10}
.ticket{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:var(--t-chip);color:var(--t-chip-ink)}
.ticket small{display:block;font-size:12px;color:var(--t-chip-sub)}
.ticket .r{text-align:right;font-variant-numeric:tabular-nums}
.locked{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--t-accent);border-radius:10px;font-size:13px}
.contest{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:var(--t-head);color:var(--t-head-ink)}
.contest small{font:700 11px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--t-logo2)}
.contest b span{font-weight:500;font-size:13px;color:var(--t-head-sub)}
.contest p{margin:0;font-size:13px;color:var(--t-head-sub)}
.contest .how{font-weight:700;color:var(--t-logo2)}
.field{padding:0;gap:0;overflow:hidden}
.field h3{padding:12px 14px}
.fhead{display:none}
.frow{display:grid;grid-template-columns:34px minmax(0,1fr) auto 14px;gap:10px;align-items:center;width:100%;min-height:54px;padding:8px 14px;border:0;border-top:1px solid var(--t-chip-line);background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.frow .who{display:grid;min-width:0}
.frow .nm{font-weight:700}
.frow .sub{font-size:12px;color:var(--t-hud-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frow .cols{display:none}
.frow .ptag{display:block;margin-top:3px}
.frow.out .nm{text-decoration:line-through;color:var(--t-hud-sub)}
.frow.out .sc{opacity:.45}
.chev{color:var(--t-hud-sub)}
.hd{display:grid;gap:10px;padding:4px 14px 16px 58px}
.why{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:13px;line-height:1.4}
.why li::before{content:"+";font-weight:800;color:#1b5532;margin-right:6px}
.why li.con::before{content:"\2212";color:#7a2a22}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding:10px 12px;border-radius:8px;background:var(--t-chip);color:var(--t-chip-ink);font-size:13px}
.stats span{display:grid;font-weight:600}
.stats i{font-style:normal;font-weight:400;font-size:12px;color:var(--t-chip-sub)}
.works{display:grid;font-size:12.5px;font-variant-numeric:tabular-nums}
.works .lbl{padding-bottom:6px}
.wk{display:grid;grid-template-columns:58px 40px 34px 50px minmax(0,1fr) 28px 34px;gap:6px;padding:4px 0;border-top:1px solid var(--t-chip-line)}
.wk .bl{font-weight:700;color:#8a6a1c}
.wk .bl::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#b8902e;margin-right:4px}
.wk .wf{text-align:right;font-weight:700}
@media (max-width:640px){.hd{padding-left:14px}.wk{grid-template-columns:50px 30px 32px 46px minmax(0,1fr) 22px 26px;gap:4px}}
@media (min-width:900px){
  .race{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
  .race>.rh,.race>.alert,.race>.facts,.race>.result,.race>.field,.race>.tp-empty{grid-column:1/-1}
  .fhead,.frow{grid-template-columns:34px minmax(0,1fr) 52px 56px 86px 100px 112px 52px 52px 60px 14px}
  .fhead{display:grid;gap:10px;padding:8px 14px;font:700 11px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--t-hud-sub)}
  .fhead .num{font:inherit}
  .fhead .cols,.frow .cols{display:contents}
  .frow .ptag{display:none}
  .hd{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start}
  .hd>.works{grid-column:2;grid-row:1/span 4}
  .stats .sp{display:none}                          /* the row's Speed column shows it here */
}
/* Keeneland's cards are dark green, so the few dark accents that are fixed colours above get light twins there */
.wrap[data-track="keeneland"] .rh-st.hot{color:#ffb4a9}
.wrap[data-track="keeneland"] .why li::before{color:#8fd6a9}
.wrap[data-track="keeneland"] .why li.con::before{color:#f3a79d}
.wrap[data-track="keeneland"] .wk .bl{color:#f0d078}
.wrap[data-track="keeneland"] .contest small,.wrap[data-track="keeneland"] .contest .how{color:#7a5a12}