/* Front Runner 26 website - built-in fonts only (no web fonts), so visiting the site sends nothing to third parties */
/* Front Runner 26: shared styles for the website */
:root{
  --night:#0e1f36; --track:#b8402f; --lane:#f7f7f2; --line:#ffffff; --gold:#ffd23f; --ink:#14243b; --muted:#56657a; --paper:#f7f8fa; --rule:#d9dee6;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){ :root{ --ink:#e8eef6; --muted:#a3b1c4; --paper:#0e1f36; --rule:#2a3d5a; color-scheme:dark; } }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.06rem/1.6 "Avenir Next",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--track)} @media (prefers-color-scheme:dark){ a{color:var(--gold)} }
a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:3px}
.wrap{max-width:40rem;margin:0 auto;padding:0 1.25rem}
h1,h2,h3{font-family:"Avenir Next Condensed","Barlow Condensed","Roboto Condensed","Arial Narrow",sans-serif;line-height:1.1;margin:0}
h2{font-size:1.7rem;font-weight:700;margin:2.2rem 0 .5rem}
h3{font-size:1.2rem;font-weight:700;margin:1.4rem 0 .3rem}
p,li{max-width:62ch}
/* the track: eight lanes with the title painted across them */
.track{position:relative;background:var(--track);color:var(--line);padding:2.4rem 0 2rem;overflow:hidden}
.track::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent calc(12.5% - 2px),rgba(255,255,255,.85) calc(12.5% - 2px),rgba(255,255,255,.85) 12.5%);pointer-events:none}
.track::after{content:"";position:absolute;top:0;bottom:0;right:12%;width:14px;background:repeating-linear-gradient(180deg,#fff 0 14px,#111 14px 28px);opacity:.9}
.lanes{position:absolute;left:.6rem;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-around;font:700 .85rem "Avenir Next Condensed","Barlow Condensed","Roboto Condensed","Arial Narrow",sans-serif;opacity:.9}
.track .wrap{position:relative}
.title{font-size:clamp(3.2rem,15vw,6.4rem);font-weight:800;letter-spacing:.01em;line-height:.9;text-shadow:0 2px 0 rgba(0,0,0,.18)}
.title span{display:block;color:var(--gold)}
.strap{font:600 1.15rem/1.4 "Avenir Next",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;margin:.9rem 0 0;max-width:30ch}
nav{background:var(--night);}
nav .wrap{display:flex;gap:1.4rem;padding-top:.7rem;padding-bottom:.7rem}
nav a{color:#fff;text-decoration:none;font:700 1.05rem "Avenir Next Condensed","Barlow Condensed","Roboto Condensed","Arial Narrow",sans-serif}
nav a[aria-current]{color:var(--gold)}
main{padding:1rem 0 3rem}
.events{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.6rem;padding:0;list-style:none;margin:.8rem 0 0}
.events li{border-left:4px solid var(--track);padding:.25rem 0 .25rem .7rem}
.events b{display:block;font:700 1.15rem "Avenir Next Condensed","Barlow Condensed","Roboto Condensed","Arial Narrow",sans-serif}
.events span{color:var(--muted);font-size:.92rem}
.soon{display:inline-block;margin-top:1.6rem;padding:.7rem 1.1rem;border:2px solid var(--ink);border-radius:10px;font:700 1.05rem "Avenir Next Condensed","Barlow Condensed","Roboto Condensed","Arial Narrow",sans-serif}
.meta{color:var(--muted);font-size:.92rem}
footer{border-top:1px solid var(--rule);padding:1.2rem 0 2rem;color:var(--muted);font-size:.9rem}
dl dt{font-weight:700;margin-top:1rem} dl dd{margin:.2rem 0 0}

.store{text-decoration:none;color:var(--ink)}
.store:hover,.store:focus-visible{background:var(--ink);color:var(--paper)}

/* keep the header text clear of the chequered finish line on the right */
.track .wrap{padding-right:3.4rem}