:root{
  --mint:#0ffe96;
  --green:#00dc7c;
  --mid:#00a85d;
  --dark:#007541;
  --deep:#004226;
  --ink:#06302c;
  --mist:#f1f7f7;
  --aqua:#aacbc4;
  --yellow:#f1db49;
  --orange:#f48c59;
  --red:#f14b30;
  --white:#ffffff;
  --line:#d7e7e3;
  --muted:#59756f;
}

*{box-sizing:border-box}
.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html{background:var(--mist)}
body{margin:0;background:linear-gradient(180deg,#fbfefd 0%,var(--mist) 48%,#e8f5f2 100%);color:var(--ink);font-family:"Roboto",Arial,sans-serif}
button,select{font:inherit}
button{cursor:pointer}

.analytics-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:980px;margin:0 auto;padding:14px 16px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 16px 50px rgba(0,66,38,.2)}
.analytics-consent p{margin:0;font-size:13px;line-height:1.45}.analytics-consent strong{display:block;margin-bottom:2px;font-weight:900}
.analytics-consent-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:0 0 auto;min-width:168px}
.analytics-consent button{border:1px solid var(--ink);border-radius:0;padding:9px 12px;font-size:11px;font-weight:900;text-transform:uppercase}
.analytics-consent .primary{background:var(--ink);color:#fff}.analytics-consent .secondary{background:#fff;color:var(--ink)}.analytics-consent .link-choice{border:0;background:transparent;color:var(--muted);padding:2px 0 0;font-size:11px;font-weight:700;text-transform:none;text-decoration:underline;text-underline-offset:3px}

@media(max-width:720px){.analytics-consent{flex-direction:column;align-items:flex-start}.analytics-consent-actions,.analytics-consent button{width:100%}}

.masthead{height:82px;background:rgba(255,255,255,.96);color:#073f31;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e5ece9;position:relative;z-index:4}
.brand{display:block;line-height:0}
.brand img{display:block;width:220px;height:auto}
.mainNav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}
.mainNav a,.mainNav span{color:#073f31;text-decoration:none}
.mainNav span{color:#00a85d;font-weight:800}
.mainNav a:hover{color:#00a85d}
.mainNav .accountLink{padding:8px 11px;border:1px solid var(--mid);color:var(--deep)}
.mobileNavTrigger,.mobileNavOverlay{display:none}

.hero{background:linear-gradient(125deg,var(--deep) 0%,#005b3d 55%,var(--dark) 100%);color:white;padding:68px max(4vw,28px) 88px;display:flex;justify-content:space-between;align-items:flex-end;min-height:390px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-8%;top:-40%;width:560px;height:560px;border-radius:50%;border:100px solid rgba(15,254,150,.07);box-shadow:0 0 0 70px rgba(15,254,150,.035)}
.hero>div{position:relative;z-index:1}
.daySwitch{display:inline-flex;padding:4px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;margin-bottom:12px;backdrop-filter:blur(8px)}
.daySwitch button{min-width:104px;border:0;border-radius:4px;background:transparent;color:#d7eee7;padding:10px 16px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;transition:.15s}
.daySwitch button:hover{color:white;background:rgba(255,255,255,.08)}
.daySwitch button[aria-selected=true]{background:var(--mint);color:var(--deep);box-shadow:0 4px 12px rgba(0,0,0,.16)}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--mint)}
h1{font-size:clamp(44px,6vw,82px);line-height:.94;letter-spacing:-.05em;margin:22px 0 25px;max-width:850px;font-weight:900}
h1 em{font-style:normal;font-weight:900;color:var(--mint);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:5px;text-underline-offset:8px}
.intro{max-width:600px;color:#d7eee7;font-size:16px;line-height:1.7}
.heroStat{border-left:2px solid var(--green);padding:10px 0 10px 28px;margin-bottom:9px}
.heroStat strong{display:block;font-size:50px;line-height:1;font-weight:900;color:var(--mint)}
.heroStat span{font-size:10px;font-weight:700;color:#c2ded4;letter-spacing:.12em}

.filterShell{margin:-34px max(4vw,28px) 0;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px rgba(0,66,38,.12);position:relative;z-index:3;overflow:hidden}
.filterTop,.resultsHead{min-height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid var(--line)}
.filterTop>div,.resultsHead>div{display:flex;align-items:center;gap:14px}
.filterTop .filterActions{margin-left:auto;justify-content:flex-end;gap:14px}
.step{font-size:10px;font-weight:800;background:var(--deep);color:var(--mint);padding:7px 8px;border-radius:3px}
.filterTop h2,.resultsHead h2{font-size:20px;margin:0;font-weight:800}
.countPill{font-size:10px;font-weight:700;color:var(--deep);background:#d9f9e9;padding:6px 10px;border-radius:20px}
.textBtn{border:0;background:none;text-decoration:underline;color:var(--dark);font-size:12px;font-weight:600}
.collapse{border:1px solid var(--dark);border-radius:3px;background:transparent;color:var(--deep);padding:9px 13px;font-size:11px;font-weight:800;text-transform:uppercase}
.collapse:hover{background:var(--mist)}
.filterBody{padding:25px 28px 30px}
.popularScans{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:16px 18px;background:var(--deep);color:white;border-left:5px solid var(--mint)}
.popularScans>div span{display:block;margin-bottom:4px;color:var(--mint);font-size:9px;font-weight:900;letter-spacing:.12em}
.popularScans>div strong{font-size:15px}
.popularScans label{display:flex;align-items:center;gap:12px;color:#c9ddd7;white-space:nowrap}
.popularScans select{width:230px;height:40px;margin:0;border:0;color:var(--deep)}
.popularScanPicker{display:flex;align-items:center;gap:10px}
.scanHelpButton{position:relative;display:block;width:30px;height:40px;flex:0 0 30px;padding:0;border:1px solid rgba(0,233,154,.55);appearance:none;background:rgba(255,255,255,.04);color:var(--mint);font-size:0;text-decoration:none;transition:.15s}
.scanHelpButton::before{content:"?";position:absolute;left:50%;top:50%;font-size:18px;font-weight:800;line-height:1;transform:translate(-50%,-50%)}
.scanHelpButton:hover,.scanHelpButton:focus-visible{border-color:var(--mint);background:rgba(0,233,154,.12);color:white;outline:none}
.scanHelpBackdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:22px;background:rgba(3,38,29,.72);backdrop-filter:blur(4px)}
.scanHelpDialog{position:relative;width:min(680px,100%);max-height:calc(100vh - 44px);overflow:auto;background:white;border-top:6px solid var(--mint);padding:34px 36px 38px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.scanHelpClose{position:absolute;top:15px;right:17px;width:36px;height:36px;border:0;background:var(--mist);color:var(--deep);font-size:25px;line-height:1}
.scanHelpClose:hover,.scanHelpClose:focus-visible{background:var(--deep);color:white;outline:2px solid var(--mint)}
.scanHelpDialog h2{margin:0;color:var(--deep);font-size:27px;line-height:1.15}
.scanHelpList{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.scanHelpList article{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfefd}
.scanHelpList h3{margin:0 0 6px;color:var(--deep);font-size:14px}
.scanHelpList p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.authBackdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(3,38,29,.78);backdrop-filter:blur(5px)}
.authDialog{position:relative;width:min(480px,100%);padding:36px;background:white;border-top:6px solid var(--mint);box-shadow:0 24px 70px rgba(0,0,0,.3)}
.authDialog>span{display:block;margin-bottom:8px;color:var(--mid);font-size:10px;font-weight:900;letter-spacing:.13em}
.authDialog h1,.authDialog h2{margin:0;color:var(--deep);font-size:28px}.authDialog>p{margin:10px 0 24px;color:var(--muted);font-size:14px;line-height:1.55}
.authDialog>span,.authDialog h2,.authDialog>p{text-align:center}
.authClose{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;background:var(--mist);color:var(--deep);font-size:24px}
.authPrimary{display:block;width:100%;border:0;background:var(--green);color:var(--deep);padding:14px;text-align:center;text-decoration:none;font-size:13px;font-weight:900}.authPrimary:disabled{opacity:.55}
.authLater{display:block;margin:13px auto 0;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline}
.authDialog form{display:grid;gap:14px}.authDialog form label{font-size:10px;font-weight:800;color:var(--dark);text-transform:uppercase}
.authDialog form input:not([type]),.authDialog form input[type=text]{display:block;width:100%;height:43px;margin-top:7px;border:1px solid var(--line);padding:0 11px;font:inherit;text-transform:none}
.authDialog .marketingChoice{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:9px;text-transform:none;font-size:12px;font-weight:500;line-height:1.4}.marketingChoice input{margin:1px 0 0}.authError{margin:0;color:#a32626;font-size:12px}
.profilePage{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--pale)}.profileCard{width:min(560px,100%)}
.selectGrid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:11px;padding-bottom:25px;border-bottom:1px solid var(--line)}
label{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--dark);text-transform:uppercase}
select{display:block;width:100%;background:white;border:1px solid var(--aqua);border-radius:4px;height:42px;padding:0 10px;margin-top:7px;color:var(--ink);text-transform:none;font-family:"Roboto",Arial,sans-serif;outline:none}
select:focus{border-color:var(--mid);box-shadow:0 0 0 3px rgba(0,220,124,.14)}
.toggleGroups{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding-top:26px}
.toggleGroup h3{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:0 0 11px;color:var(--dark)}
.toggleGroup>div,.history>div{display:flex;flex-wrap:wrap;gap:7px}
.toggleGroup button,.history button{background:var(--mist);border:1px solid var(--line);border-radius:4px;padding:8px 10px;font-size:11px;color:var(--ink);transition:.15s}
.toggleGroup button:hover{border-color:var(--mid);background:#e6faf1}
.toggleGroup button[aria-pressed=true]{background:var(--green);border-color:var(--mid);color:var(--deep);font-weight:800;box-shadow:0 3px 9px rgba(0,168,93,.18)}
.toggleGroup button span{margin-right:5px}

.results{padding:62px max(4vw,28px) 90px}
.resultsHead{padding:0 0 20px;min-height:auto}
.resultCount{background:var(--green);color:var(--deep);font-size:11px;font-weight:900;padding:6px 9px;border-radius:3px}
.resultsHead label{display:flex;align-items:center;gap:10px}
.resultsHead select{width:170px;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}
.runner{background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:.2s;box-shadow:0 4px 13px rgba(0,66,38,.055)}
.runner:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(0,66,38,.13);border-color:var(--aqua)}
.raceLine{display:grid;grid-template-columns:48px 1fr;gap:2px 10px;padding:13px 15px;border-bottom:1px solid var(--line);align-items:center;background:#fbfefd}
.raceLine span{grid-row:1/3;background:var(--deep);color:var(--mint);text-align:center;padding:9px 4px;font-size:12px;font-weight:800;border-radius:3px}
.raceLine strong{font-size:12px;font-weight:800;color:var(--deep)}
.raceLine small{font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.runnerMain{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;padding:18px 15px}
.number{width:28px;height:34px;background:#dff4ef;color:var(--deep);display:grid;place-items:center;font-size:13px;font-weight:900;border-radius:3px}
.runnerIdentity{display:flex;align-items:center;min-width:0;gap:12px}
.silk,.silkPlaceholder{width:50px;height:58px;flex:0 0 50px;object-fit:contain}
.silkPlaceholder{display:block}
.horse{min-width:0}
.horse p{font-size:11px;font-weight:700;color:var(--dark);margin:0 0 4px}
.horse h3{font-size:17px;margin:0;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.horse h3 a{color:var(--ink);text-decoration:none}
.horse h3 a:hover{color:var(--mid);text-decoration:underline;text-underline-offset:3px}
.horse span,.price span{font-size:10px;color:var(--muted)}
.price{text-align:right}
.price small{display:block;font-size:8px;font-weight:800;color:var(--dark)}
.price strong{display:block;font-size:24px;letter-spacing:-.04em;font-weight:900;color:var(--mid)}
.price span{display:block}
.connections{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfefd}
.connections>div{padding:12px 15px;min-width:0}
.connections>div+div{border-left:1px solid var(--line)}
.connections small{font-size:8px;font-weight:800;color:var(--dark);display:block}
.connections strong{font-size:11px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}
.connections span{font-size:10px;line-height:1.35;color:var(--muted)}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);padding:12px 15px;gap:8px;font-size:12px;font-weight:700}
.metrics span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metrics small{display:block;font-size:7px;font-weight:800;color:var(--dark);margin-bottom:3px}
.load{display:block;margin:28px auto 0;background:var(--deep);color:white;border:0;border-radius:4px;padding:14px 22px;font-size:12px;font-weight:800;box-shadow:0 6px 16px rgba(0,66,38,.18)}
.load:hover{background:var(--dark)}
.load span{color:var(--mint);margin-left:10px}
.empty{text-align:center;padding:80px 20px;background:var(--white);border:1px solid var(--line);border-radius:6px;margin-top:22px}
.empty strong{font-size:20px}
.empty p{color:var(--muted)}
.empty button{background:var(--green);color:var(--deep);border:0;border-radius:4px;padding:12px 18px;font-weight:800}
.refreshNotice{margin-top:18px;padding:11px 14px;border-left:4px solid #d69a00;background:#fff6d9;color:#5c4708;font-size:12px;font-weight:700}

footer{min-height:94px;background:var(--deep);color:#b8d7cd;padding:0 max(4vw,28px);display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;letter-spacing:.05em}
footer strong{color:var(--mint);letter-spacing:.1em;font-weight:900}

@media(max-width:1100px){
  .selectGrid{grid-template-columns:repeat(4,1fr)}
  .toggleGroups{grid-template-columns:repeat(3,1fr)}
  .cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .mainNav{display:none}
  .mobileNavTrigger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:var(--deep);cursor:pointer}
  .mobileMenuIcon{display:grid;align-content:center;justify-content:center;gap:5px;width:40px;height:40px;padding:0;border:0;background:transparent}
  .mobileMenuIcon i{display:block;width:19px;height:1.5px;background:var(--mid)}
  .mobileNavOverlay{display:block;position:fixed;inset:0;z-index:50;background:rgba(0,35,27,.56);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}
  .mobileNavOverlay.isOpen{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s ease}
  .mobileNavDrawer{position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;width:min(84vw,330px);padding:0 22px 24px;background:white;box-shadow:-24px 0 60px rgba(0,35,27,.25);transform:translateX(100%);transition:transform .28s cubic-bezier(.22,.8,.24,1)}
  .mobileNavOverlay.isOpen .mobileNavDrawer{transform:translateX(0)}
  .mobileNavHeading{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mid)}
  .mobileNavHeading strong{font-size:15px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
  .mobileNavHeading button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--mid);font-size:27px;line-height:1;cursor:pointer}
  .mobileNavDrawer nav{display:grid;margin-top:18px}
  .mobileNavDrawer nav a{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid var(--line);color:var(--deep);font-size:16px;font-weight:750;text-decoration:none}
  .mobileNavDrawer nav a span{color:var(--mid);font-size:15px}
  .mobileToolkitTeaser{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid var(--line);color:#9aa8a3;font-size:16px;font-weight:750;cursor:default}
  .mobileToolkitTeaser small{padding:5px 7px;border-radius:999px;background:#f0f3f2;color:#7e8c87;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
  .mobileNavDrawer a:hover,.mobileNavDrawer a:focus-visible{color:var(--mid);outline:none}
  .mobileNavDrawer nav .mobileAccountAction{color:var(--mid);font-weight:850}
}
@media(max-width:700px){
  .masthead{height:64px;padding:0 18px}
  .brand img{width:170px}
  .mainNav{display:none}
  .mobileNavTrigger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:var(--deep);cursor:pointer}
  .mobileMenuIcon{display:grid;align-content:center;justify-content:center;gap:5px;width:40px;height:40px;padding:0;border:0;background:transparent}
  .mobileMenuIcon i{display:block;width:19px;height:1.5px;background:var(--mid)}
  .mobileNavOverlay{display:block;position:fixed;inset:0;z-index:50;background:rgba(0,35,27,.56);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}
  .mobileNavOverlay.isOpen{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s ease}
  .mobileNavDrawer{position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;width:min(84vw,330px);padding:0 22px 24px;background:white;box-shadow:-24px 0 60px rgba(0,35,27,.25);transform:translateX(100%);transition:transform .28s cubic-bezier(.22,.8,.24,1)}
  .mobileNavOverlay.isOpen .mobileNavDrawer{transform:translateX(0)}
  .mobileNavHeading{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mid)}
  .mobileNavHeading strong{font-size:15px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
  .mobileNavHeading button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--mid);font-size:27px;line-height:1;cursor:pointer}
  .mobileNavDrawer nav{display:grid;margin-top:18px}
  .mobileNavDrawer nav a{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid var(--line);color:var(--deep);font-size:16px;font-weight:750;text-decoration:none}
  .mobileNavDrawer nav a span{color:var(--mid);font-size:15px}
  .mobileToolkitTeaser{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid var(--line);color:#9aa8a3;font-size:16px;font-weight:750;cursor:default}
  .mobileToolkitTeaser small{padding:5px 7px;border-radius:999px;background:#f0f3f2;color:#7e8c87;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
  .mobileNavDrawer a:hover,.mobileNavDrawer a:focus-visible{color:var(--mid);outline:none}
  .mobileNavDrawer nav .mobileAccountAction{color:var(--mid);font-weight:850}
  .hero{padding:47px 20px 72px;min-height:340px}
  .daySwitch{display:flex;width:100%;max-width:280px}
  .daySwitch button{flex:1;min-width:0}
  .heroStat{display:none}
  .intro{font-size:14px}
  .filterShell{margin:-28px 12px 0;border-radius:6px}
  .filterTop{padding:0 16px}
  .filterTop .step,.filterTop .countPill{display:none}
  .filterTop>div{gap:8px}
  .filterTop .filterActions{gap:8px}
  .filterTop .textBtn{padding:9px 0 9px 8px;white-space:nowrap}
  .filterBody{padding:18px 15px}
  .popularScans{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}
  .popularScans label{display:block;width:100%}
  .popularScans select{width:100%;margin-top:7px}
  .popularScanPicker{width:100%}
  .popularScanPicker label{min-width:0}
  .scanHelpButton{margin-top:7px}
  .scanHelpDialog{padding:29px 20px 24px}
  .scanHelpList{grid-template-columns:1fr}
  .selectGrid{grid-template-columns:repeat(2,1fr)}
  .toggleGroups{grid-template-columns:1fr 1fr}
  .results{padding:48px 12px 70px}
  .cards{grid-template-columns:1fr}
  .resultsHead .step{display:none}
  .resultsHead>div{gap:8px;min-width:0}
  .resultsHead label{display:flex;flex:0 0 auto;gap:6px;font-size:9px;white-space:nowrap}
  .resultsHead select{width:118px;height:36px;margin:0;padding:0 7px;font-size:11px}
  .horse h3{max-width:190px}
  footer{padding:25px 20px;gap:10px;flex-direction:column;align-items:flex-start}
}

/* Track Strats product-suite visual language */
:root{
  --mint:#00e99a;
  --green:#00c982;
  --mid:#008d67;
  --dark:#006248;
  --deep:#073f31;
  --ink:#073f31;
  --mist:#edf8f5;
  --aqua:#a8c9bf;
  --line:#d5e4df;
  --muted:#668078;
}

html{background:var(--mist)}
body{background:var(--mist);font-family:"Roboto",Arial,Helvetica,sans-serif}
.masthead{box-shadow:none}

.hero{min-height:330px;padding:54px max(4vw,28px) 62px;background:var(--deep);border-bottom:6px solid var(--mint)}
.hero:after{display:none}
.daySwitch{display:flex;width:222px;height:44.5px;padding:0;margin-bottom:18px;border:1px solid rgba(255,255,255,.3);border-radius:0;background:transparent;backdrop-filter:none}
.daySwitch button{display:flex;align-items:center;justify-content:center;width:110px;min-width:110px;height:42.5px;border-radius:0;padding:13px 18px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;text-transform:none;color:white}
.daySwitch button[aria-selected=true]{background:var(--mint);box-shadow:none}
.eyebrow{margin:0;color:var(--mint)}
.mobileRunnerCount{display:none}
.scannerTitle{max-width:none;margin:18px 0 20px;font-size:64px;font-weight:800;line-height:.92;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;color:white}
.scannerTitle span,.scannerTitle em{font:inherit;letter-spacing:inherit;text-transform:inherit}
.scannerTitle em{font-style:normal;text-decoration:none;color:var(--mint)}
.intro{max-width:680px;margin:0;color:#c9ddd7;font-size:14px;line-height:1.55}
.intro strong{font-weight:700;color:inherit}
.heroStat{border-left:1px solid var(--mint);padding-left:26px}

.filterShell{margin:30px max(4vw,28px) 0;border-radius:0;border:1px solid var(--line);box-shadow:none}
.filterTop,.resultsHead{min-height:72px;padding:0 24px}
.step,.resultCount,.countPill{border-radius:0}
.step{background:var(--deep);color:white}
.countPill{background:#d9f3ea;color:var(--deep)}
.collapse{border-radius:0}
.filterBody{padding:24px}
select{height:40px;border-radius:0;border-color:var(--line)}
select:focus{box-shadow:none;border-color:var(--mid);outline:2px solid rgba(0,201,130,.16);outline-offset:0}
.toggleGroups{gap:0;border-left:1px solid var(--line);border-top:1px solid var(--line);padding-top:0;margin-top:25px}
.toggleGroup{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfefd}
.toggleGroup button,.history button{border-radius:0;background:white;border-color:var(--line);padding:8px 10px}
.toggleGroup button:hover{background:var(--mist);border-color:var(--dark)}
.toggleGroup button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:white;box-shadow:none}

.results{padding-top:22px}
.resultsHead{padding:0 0 22px}
.cards{gap:16px;background:transparent;border:0}
.runner{border:1px solid #a9c8be;border-radius:0;box-shadow:none}
.runner:hover{transform:none;box-shadow:none;border-color:#6f9f90;background:#fbfefd}
.raceLine{height:47px;grid-template-columns:68px minmax(0,1fr);gap:1px 14px;background:#dcefe9;border-bottom:1px solid #c2ddd5;padding:0 15px 0 0}
.raceLine span,.number{border-radius:0}
.raceLine span{height:46px;align-self:stretch;display:grid;place-items:center;background:var(--deep);color:white;padding:0;font-size:18px;line-height:1;font-weight:800}
.runnerMain{min-height:100px}
.horse h3 a:hover{color:var(--mid)}
.price strong{color:var(--dark)}
.connections{background:#f8fcfa}
.load{border-radius:0;box-shadow:none}
.empty{border-radius:0}
.empty button{border-radius:0}

@media(max-width:1100px){
  .toggleGroups{gap:0}
}
@media(max-width:700px){
  .hero{min-height:0;padding:30px 18px}
  .mobileRunnerCount{display:inline}
  .daySwitch{width:222px;max-width:100%}
  .daySwitch button{width:110px;min-width:0}
  .scannerTitle{font-size:clamp(42px,13vw,64px);white-space:normal}
  .filterShell{margin:20px 12px 0}
  .toggleGroups{grid-template-columns:1fr}
  .toggleGroup{padding:15px}
  .cards{gap:14px}
  .silk,.silkPlaceholder{width:44px;height:51px;flex-basis:44px}
}
.analytics-preferences { display: block; margin: 12px 16px; border: 0; background: transparent; color: #35685b; padding: 0; font: inherit; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.filterShell{overflow:visible}
.multiSelect{position:relative;min-width:0;font-family:"Roboto",Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--dark)}
.multiSelectLabel{font:inherit;letter-spacing:inherit;text-transform:uppercase}
.multiSelectTrigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:40px;margin-top:7px;padding:0 10px;background:white;border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;font-family:"Roboto",Arial,sans-serif}
.multiSelectTrigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multiSelectTrigger:focus-visible{outline:2px solid var(--mid);outline-offset:2px}
.multiSelectPanel{position:absolute;top:100%;left:0;z-index:20;width:100%;min-width:180px;max-height:280px;overflow-y:auto;background:white;border:1px solid var(--line);box-shadow:0 8px 24px #00332326;padding:5px}
.multiSelectPanel .multiSelectOption{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:7px;border:0;background:transparent;text-align:left;color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:none;cursor:pointer}
.multiSelectOption:hover,.multiSelectOption:focus-within{background:var(--pale)}
.multiSelectCheck{display:grid;place-items:center;width:16px;height:16px;flex-shrink:0;border:1px solid var(--aqua);background:white;font-size:12px;line-height:1}
.multiSelectOption[aria-checked=true] .multiSelectCheck{background:var(--mid);border-color:var(--mid);color:white}