/* Four-screen pilot: selectors deliberately scoped to the opt-in attribute. */
[data-ui-pilot]{--ux-gold:#e8c87d;--ux-line:#665537;--ux-muted:#c5c6bf;--ux-panel:#151a1b}
[data-ui-pilot] :is(a,button,summary):focus-visible{outline:3px solid #fff0bf;outline-offset:4px}
[data-ui-pilot] .ux-overview{max-width:1080px;margin:24px auto 32px;padding:0;background:none;border:0;border-radius:0}
[data-ui-pilot] .ux-section-heading{margin-bottom:18px}
[data-ui-pilot] .ux-section-heading h2{font-size:clamp(22px,3vw,30px);line-height:1.5;margin:8px 0;color:#f7ead0}
[data-ui-pilot] .ux-section-heading p{margin:0;color:var(--ux-muted);font-size:15px}
[data-ui-pilot] .ux-label{display:block;font:700 12px/1.7 system-ui,sans-serif;letter-spacing:.07em;color:var(--ux-gold)}
[data-ui-pilot] .ux-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
[data-ui-pilot] .ux-card{display:flex;flex-direction:column;gap:10px;position:relative;min-width:0;padding:20px 18px;border:1px solid var(--ux-line);border-radius:12px;background:linear-gradient(145deg,#23221c,#13191c);color:#f5f2e9;text-decoration:none;line-height:1.7;overflow-wrap:anywhere}
[data-ui-pilot] .ux-card strong{font-size:18px;line-height:1.5;padding-right:10px}
[data-ui-pilot] .ux-card>span:not(.ux-label){font-size:14px;color:var(--ux-muted)}
[data-ui-pilot] .ux-card b{position:absolute;right:12px;top:14px;font-weight:400;color:var(--ux-gold)}
[data-ui-pilot] .ux-card:hover{border-color:#e8c87d;background:#29281f}
[data-ui-pilot=home] .hero{min-height:0;padding:42px 0 38px;background-position:center 43%}
[data-ui-pilot=home] .hero h1{font-size:clamp(34px,5vw,56px);line-height:1.4;margin:12px 0 16px}
[data-ui-pilot=home] .hero p{font-size:15px;max-width:680px;margin:0}
[data-ui-pilot=home] .hero .buttons{margin-top:22px}
[data-ui-pilot=home] .ux-overview{padding:0 22px;margin-block:30px}
[data-ui-pilot=home] .ux-card:first-child{border-color:#caa853;background:linear-gradient(145deg,#4a3a19,#1d211e)}
[data-ui-pilot=home] .ux-first-visit{max-width:1036px;margin:24px auto;border-block:1px solid var(--ux-line);padding:0 4px}
[data-ui-pilot=home] .ux-first-visit>summary{cursor:pointer;padding:18px 8px;min-height:56px;color:var(--ux-gold);font-weight:700;line-height:1.7}
[data-ui-pilot=home] .ux-first-visit .section{padding:16px 0 24px}
[data-ui-pilot=home] .section{padding-block:36px}
[data-ui-pilot=home] .te-main-menu{margin-block:24px}
[data-ui-pilot=guide] .race-detail>.hero,[data-ui-pilot=guide] article>.hero,[data-ui-pilot=course] .course-pilot article>.hero{padding:18px 0 24px}
[data-ui-pilot=guide] .detail-toc{margin-block:16px 24px}
[data-ui-pilot=guide] .quick-actions{margin-top:12px}
[data-ui-pilot=guide] .guide-fold>summary,[data-ui-pilot=course] .ux-detail>summary{min-height:52px;line-height:1.7;cursor:pointer}
[data-ui-pilot=guide] :is(p,li),[data-ui-pilot=course] :is(p,li){line-height:1.9}
[data-ui-pilot=course] .ux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-ui-pilot=course] .pilot-toc{padding:12px;background:#151a1b;border:1px solid #514831;border-radius:12px}
[data-ui-pilot=course] .ux-detail{margin:18px 0;border:1px solid #514831;border-radius:12px;background:#151e20;padding:0 20px}
[data-ui-pilot=course] .ux-detail>summary{padding:16px 0;color:var(--ux-gold);font-size:19px;font-weight:700}
[data-ui-pilot=course] .ux-detail>.panel{border:0;padding:0;margin:0 0 18px}
[data-ui-pilot=course] .ux-detail h2{font-size:19px}
[data-ui-pilot=edge] .hero{padding:18px 0 10px}
[data-ui-pilot=edge] .hero h1{font-size:clamp(27px,4vw,38px)}
[data-ui-pilot=edge] .ux-edge-steps{display:flex;gap:10px;margin:10px 0 20px;padding:0;list-style:none}
[data-ui-pilot=edge] .ux-edge-steps li{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 14px;border:1px solid #786744;border-radius:8px;text-decoration:none;font-size:14px}
[data-ui-pilot=edge] .ux-edge-steps span{color:#e8c87d;font-weight:800}
[data-ui-pilot=edge] .edge-features{margin-block:8px 22px;gap:10px}
[data-ui-pilot=edge] .feature-card{padding:14px}[data-ui-pilot=edge] .feature-card svg{flex-shrink:0}
[data-ui-pilot=edge] .feature-card svg{width:22px;height:22px;margin-bottom:8px}
[data-ui-pilot=edge] .feature-card h2{font-size:17px}
[data-ui-pilot=edge] .feature-card p{font-size:13px}
[data-ui-pilot=forecast] main{max-width:1080px}
[data-ui-pilot=forecast] .ux-venue-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 12px}
[data-ui-pilot=forecast] .ux-venue-tabs button{min-height:52px;font-weight:800}
[data-ui-pilot=forecast] button:focus-visible{outline:3px solid #fff0bf;outline-offset:3px}
[data-ui-pilot=forecast] .ux-venue-panel[hidden]{display:none!important}
[data-ui-pilot=forecast] .ux-pilot-race .ux-horse-name{display:flex;gap:10px;align-items:flex-start;font-weight:750;font-size:18px;line-height:1.6}
[data-ui-pilot=forecast] .ux-pilot-race .ux-horse-num{display:grid;place-items:center;flex-shrink:0;min-width:36px;min-height:36px;background:#0b1018;border:1px solid #746744;border-radius:7px;font-size:20px;color:#fff0d0}
[data-ui-pilot=forecast] .ux-pilot-race .ux-horse-reason{margin:8px 0 0;color:#c5cbd0;font-size:14px;line-height:1.85}
[data-ui-pilot=forecast] .ux-pilot-race tr:last-child{border-color:#d7b968;background:linear-gradient(120deg,#342c1b,#182231)}
[data-ui-pilot=forecast] .ux-pilot-race .ux-outsider-note{font-size:12px;color:#e8c87d;margin:8px 0 0}
[data-ui-pilot=forecast] .ux-ticket-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
[data-ui-pilot=forecast] .ux-ticket-links a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 3px;text-decoration:none;border:1px solid #786744;border-radius:8px;color:#edd28e;font-size:14px;font-weight:750}
[data-ui-pilot=forecast] .ux-pilot-race .market-card{scroll-margin-top:16px}
[data-ui-pilot=forecast] .ux-pilot-race .ux-market-total{margin:12px 0 0;padding-top:12px;border-top:1px solid #514831;color:#edcf7c;font-size:16px;font-weight:750}
[data-ui-pilot=forecast] .ux-pilot-race .ux-budget{display:flex;flex-wrap:wrap;gap:8px 18px;padding:16px;background:#28271f;border:1px solid #8c7540;border-radius:10px;color:#f6e6ba;font-size:15px}
@media(max-width:800px){[data-ui-pilot] .ux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){[data-ui-pilot] .ux-grid,[data-ui-pilot=course] .ux-grid{grid-template-columns:1fr;gap:10px}[data-ui-pilot] .ux-card{padding:15px 16px;gap:6px}[data-ui-pilot] .ux-card strong{font-size:18px}[data-ui-pilot] .ux-overview{margin-block:22px}[data-ui-pilot=home] .hero{padding:30px 0}[data-ui-pilot=home] .ux-overview{padding-inline:18px}[data-ui-pilot=home] .ux-first-visit{margin-inline:18px}[data-ui-pilot=home] .wrap{padding-inline:18px}[data-ui-pilot=home] .section{padding-block:26px}[data-ui-pilot=edge] .ux-edge-steps{display:grid;gap:8px}[data-ui-pilot=edge] .edge-features{grid-template-columns:1fr 1fr}[data-ui-pilot=edge] .feature-card{padding:12px}[data-ui-pilot=forecast] .ux-pilot-race .market-card ul{grid-template-columns:1fr 1fr}[data-ui-pilot=forecast] .ux-pilot-race .ux-horse-name{font-size:17px}[data-ui-pilot=forecast] .ux-ticket-links{gap:5px}[data-ui-pilot=course] .ux-detail{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){[data-ui-pilot]{scroll-behavior:auto}}

[data-ui-pilot] .ux-highlights>summary,[data-ui-pilot] .ux-edge-info>summary{min-height:48px;padding:12px 0;color:var(--ux-gold);font-weight:700;cursor:pointer}
[data-ui-pilot=guide] .detail-toc{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible!important;white-space:normal;gap:8px}
[data-ui-pilot=guide] .detail-toc .choice{min-width:0;white-space:normal;padding:10px 6px}
@media(max-width:600px){[data-ui-pilot=guide] .detail-toc{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep navigation available without spending the first screen on menu cards. */
[data-ui-pilot] .te-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
[data-ui-pilot] .te-desktop-nav{display:flex;flex-wrap:wrap;margin:0;gap:12px;flex:1;justify-content:flex-end}
[data-ui-pilot] .te-desktop-nav .te-menu-card{min-height:54px;max-width:164px;padding:6px 10px;border:0;background:transparent;color:#edd28e!important}
[data-ui-pilot] .te-desktop-nav .te-menu-card span{color:#c4c7c4}
@media(max-width:699px){[data-ui-pilot] .te-header{padding:10px 16px}[data-ui-pilot] .te-header-inner{gap:12px}[data-ui-pilot] .te-brand{font-size:18px;min-height:44px;letter-spacing:.04em}[data-ui-pilot] .te-brand small{font-size:10px}[data-ui-pilot] .te-desktop-nav{display:none}[data-ui-pilot] .te-nav-disclosure{margin:0!important}[data-ui-pilot] .te-nav-disclosure>summary{min-height:44px;min-width:96px;padding:0 10px;font-size:13px;gap:10px}[data-ui-pilot] .te-nav-disclosure nav{position:absolute;top:100%;left:12px;right:12px;padding:12px;background:#111819;border:1px solid #75623e;border-radius:10px;box-shadow:0 12px 24px #0008}}
/* The same venue/count is already the accessible tab label above the panel. */
[data-ui-pilot=forecast] .ux-venue-panel>.venue-heading{display:none}