/* Schematic layout diagrams, not to scale. Results sourced in the card.
   Layout references: homesteadmiamispeedway.com/track-history/
   nashvillesuperspeedway.com/media/track-facts/track-facts.html
   phoenixraceway.com/wp-content/uploads/sites/1004/2021/10/12/PHX-21-164991-Facility-Map-with-Ruoff-Mortgage-VL.pdf
   texasmotorspeedway.com/documents/tms-facility-diagram.pdf
   nhms.com/media/news/what-makes-nhms-unique-racing-challenge.html */
.home-page .career-track-types,.home-page .career-track-types + .career-card { grid-column:1/-1; }
.track-outline-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px 28px; margin-top:22px; }
.track-outline-reveal { position:relative; isolation:isolate; overflow:hidden; margin-top:18px; background:radial-gradient(ellipse at 85% 50%,#60122238,transparent 75%); }
.track-outline-reveal .track-outline-grid { margin-top:0; }
.track-outline-reveal::after { content:''; position:absolute; z-index:1; inset:0; left:-40%; width:140%; pointer-events:none; background:linear-gradient(90deg,transparent 0%,#111115 28%,#111115 100%); transform:translate3d(calc(var(--career-reveal,1) * 100%),0,0); }
@media(prefers-reduced-motion:reduce) { .track-outline-reveal::after { display:none; } }
.track-outline { min-width:0; margin:0; }
.track-outline svg { display:block; width:100%; height:72px; overflow:visible; }
.track-outline path { fill:none; stroke:#eeeef2; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.track-outline figcaption { display:flex; flex-direction:column; gap:3px; margin-top:6px; padding-top:8px; border-top:1px solid #ffffff18; }
.track-outline strong { color:#f5f5f2; font:600 1rem/1.2 var(--type-body),sans-serif; }
.track-outline-note a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.track-outline figcaption span { color:#b8b8c1; font:500 .875rem/1.3 var(--type-body),sans-serif; }
.home-page .career-track-types .track-outline-note { margin-top:18px; color:#9999a4; font-size:.875rem !important; line-height:1.4; }
@media(max-width:900px) { .track-outline-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 18px; margin-top:18px; } .track-outline svg { height:44px; } .track-outline strong { font-size:.875rem; } }
@media(max-width:360px) { .track-outline-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

.track-outline-bristol path { stroke:#ff6971; }


.track-results { display:grid; margin-top:5px; }
.home-page .track-result { display:flex; align-items:center; gap:9px; min-height:44px; border-bottom:1px solid #ffffff12; }
.track-result b { min-width:28px; color:#f5f5f2; font:700 1.15rem/1.2 'Barlow Condensed',sans-serif; }
.track-result-top-five b { color:#ff9399; }
.track-outline .track-result span { font-size:.8125rem; }
.track-result:hover { background:#ffffff08; }
.track-result:hover b { color:#ff6971; }
.home-page .career-track-types .track-results-intro { margin:0 0 20px; color:#b8b8c1; font-size:.9375rem!important; }