: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)}
.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}
.rail{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;gap:8px;overflow-x:auto;padding:10px 14px 12px;background:var(--t-rail);transform:translateY(104%);transition:transform .55s cubic-bezier(.2,.8,.2,1) .08s}
.stage.arrived .head,.stage.arrived .rail{transform:none}
.leg{flex:none;width:172px;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.35;display:grid;gap:2px;align-content:start;background:var(--t-chip);color:var(--t-chip-ink);border:1px solid var(--t-chip-line)}
.leg b{font:800 21px/1.05 "Big Shoulders Display","Arial Narrow",sans-serif;letter-spacing:.05em}
.leg .st{font:700 10.5px/1.2 "Barlow Semi Condensed","Barlow",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--t-chip-sub)}
.leg span:last-child{color:var(--t-chip-sub)}
.leg.done{opacity:.6}
.leg.next{border-color:var(--t-next);box-shadow:inset 0 0 0 1px var(--t-next)}
.leg.next .st{color:var(--t-next)}


.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}
  .leg{width:152px}
}
@media (prefers-reduced-motion:reduce){.head,.rail,.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}
.leg .pk{font-weight:700;color:var(--t-chip-ink)}
.leg .scr{font-weight:700;color:#b3261e}
/* 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}
