/*
 * HLRN // BROADCAST EDITION — VISUAL ONLY
 * Homepage + shared site navigation, October 2026.
 * No standings, race data, login, animated track, or theme behavior changes.
 * Night: graphite / white. Day: white / black. Original logos are untouched.
 */

/* =================== NETWORK NAV =================== */
#hlrn-global-nav{
  border-top:4px solid #d71936!important;
  border-bottom:1px solid var(--h27-nav-line,#d9dee4)!important;
  background:var(--h27-nav-bg,#fff)!important;
  box-shadow:0 11px 30px rgba(10,18,30,.08)!important;
  isolation:isolate;
}
html[data-hlrn-theme="light"]{
  --h27-nav-bg:#fff;
  --h27-nav-ink:#101318;
  --h27-nav-line:#dce0e5;
  --h27-nav-hover:#eff1f4;
  --h27-nav-card:#f5f6f8;
}
html[data-hlrn-theme="dark"]{
  --h27-nav-bg:#080a0e;
  --h27-nav-ink:#f7f8fa;
  --h27-nav-line:#232832;
  --h27-nav-hover:#171b24;
  --h27-nav-card:#10141c;
}
#hlrn-global-nav:after{
  height:3px!important;
  opacity:1!important;
  background:linear-gradient(90deg,#dc1738 0%,#dc1738 37%,#f0c22f 37%,#f0c22f 41%,transparent 41%)!important;
}
#hlrn-global-nav .hgn-inner{
  max-width:1700px!important;
  padding-left:clamp(12px,2vw,30px)!important;
  padding-right:clamp(12px,2vw,30px)!important;
  gap:clamp(8px,1vw,16px)!important;
}
#hlrn-global-nav .hgn-link{
  min-height:65px!important;
  padding:0 clamp(8px,1vw,15px)!important;
  font-size:10px!important;
  letter-spacing:.085em!important;
  color:var(--h27-nav-ink)!important;
  font-weight:950!important;
  background:transparent!important;
  border-left:1px solid transparent!important;
  transition:background .2s ease,color .2s ease!important;
}
#hlrn-global-nav .hgn-link:hover,
#hlrn-global-nav .hgn-link:focus-visible,
#hlrn-global-nav .hgn-link.active{
  background:var(--h27-nav-hover)!important;
  color:var(--h27-nav-ink)!important;
}
#hlrn-global-nav .hgn-link.active:after,
#hlrn-global-nav .hgn-more-wrap.active>.hgn-more-btn:after{
  height:4px!important;
  left:12px!important;
  right:12px!important;
  background:#d71936!important;
  box-shadow:0 -3px 14px rgba(220,23,56,.24)!important;
}
#hlrn-global-nav .hgn-more-menu,
#hlrn-global-nav .hgn-account-panel{
  background:var(--h27-nav-bg)!important;
  border:1px solid var(--h27-nav-line)!important;
  border-top:4px solid #d71936!important;
  box-shadow:0 22px 55px rgba(2,5,10,.2)!important;
  border-radius:0 0 10px 10px!important;
}
#hlrn-global-nav .hgn-more-item{
  color:var(--h27-nav-ink)!important;
  border-radius:5px!important;
}
#hlrn-global-nav .hgn-more-item:hover,
#hlrn-global-nav .hgn-more-item:focus-visible,
#hlrn-global-nav .hgn-more-item.active{
  background:var(--h27-nav-hover)!important;
  color:var(--h27-nav-ink)!important;
}
#hlrn-global-nav .hgn-login{
  border:0!important;
  border-left:4px solid #d71936!important;
  background:var(--h27-nav-card)!important;
  color:var(--h27-nav-ink)!important;
  min-height:43px!important;
  padding:0 16px!important;
  font-size:9px!important;
}
#hlrn-global-nav .hgn-login:hover,
#hlrn-global-nav .hgn-login:focus-visible{
  background:#d71936!important;
  color:#fff!important;
}
#hlrn-global-nav .hgn-menu{
  background:var(--h27-nav-card)!important;
  color:var(--h27-nav-ink)!important;
  border:1px solid var(--h27-nav-line)!important;
  border-left:4px solid #d71936!important;
}
#hlrn-global-nav .hgn-account-panel{
  color:var(--h27-nav-ink)!important;
}
#hlrn-global-nav .hgn-account-panel .hgn-account-name,
#hlrn-global-nav .hgn-account-panel .hgn-account-title{
  color:var(--h27-nav-ink)!important;
}
#hlrn-global-nav .hgn-account-panel button{
  background:var(--h27-nav-card)!important;
  color:var(--h27-nav-ink)!important;
  border-color:var(--h27-nav-line)!important;
}
/* Track animation/canvas, logo and HL mark intentionally have NO replacements. */
@media(max-width:1280px){
  #hlrn-global-nav .hgn-mobile.open{
    background:var(--h27-nav-bg)!important;
    border-color:var(--h27-nav-line)!important;
    padding:12px!important;
    gap:8px!important;
  }
  #hlrn-global-nav .hgn-mobile>a,
  #hlrn-global-nav .hgn-mobile-more,
  #hlrn-global-nav .hgn-mobile-login,
  #hlrn-global-nav .hgn-mobile-more-menu a{
    background:var(--h27-nav-card)!important;
    color:var(--h27-nav-ink)!important;
    border:1px solid var(--h27-nav-line)!important;
    border-left:3px solid #d71936!important;
    border-radius:3px!important;
    font-size:10px!important;
    font-weight:900!important;
  }
  #hlrn-global-nav .hgn-mobile>a.active{
    background:var(--h27-nav-hover)!important;
    color:var(--h27-nav-ink)!important;
    border-color:#d71936!important;
  }
}
@media(max-width:620px){
  #hlrn-global-nav .hgn-mobile.open{padding:8px!important;gap:6px!important}
  #hlrn-global-nav .hgn-mobile>a,
  #hlrn-global-nav .hgn-mobile-more,
  #hlrn-global-nav .hgn-mobile-login{min-height:46px!important}
}

/* =================== HOME: THE BROADCAST =================== */
html[data-hlrn-theme="light"] body.home-v10-page{
  --h10-bg:#fff;
  --h10-panel:#fff;
  --h10-panel2:#f5f6f8;
  --h10-soft:#f1f3f5;
  --h10-line:#dce0e5;
  --h10-text:#101318;
  --h10-muted:#505a66;
  --h10-shadow:0 18px 45px rgba(16,22,30,.08);
}
html[data-hlrn-theme="dark"] body.home-v10-page{
  --h10-bg:#07080b;
  --h10-panel:#0d1016;
  --h10-panel2:#13171e;
  --h10-soft:#161b23;
  --h10-line:#272b33;
  --h10-text:#fff;
  --h10-muted:#abb3bd;
  --h10-shadow:0 25px 70px rgba(0,0,0,.3);
}
body.home-v10-page .home10{
  background:var(--h10-bg)!important;
  color:var(--h10-text)!important;
}
.home10 .h10-shell{
  width:min(100% - clamp(28px,6vw,104px),1480px);
}
.home10 .h10-hero-inner{
  width:min(100% - clamp(28px,6vw,104px),1480px);
}

/* A compact editorial network identification band — links remain functional. */
.home10 .h27-network-rail{
  min-height:39px;
  padding:0 clamp(14px,3vw,52px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:#101319;
  border-bottom:1px solid #252c34;
  color:#fff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.145em;
  text-transform:uppercase;
}
.home10 .h27-network-rail b{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-weight:950;
  white-space:nowrap;
}
.home10 .h27-network-rail b:before{
  content:"";
  width:7px;height:7px;
  background:#ef2847;
  transform:rotate(45deg);
  box-shadow:0 0 12px rgba(239,40,71,.38);
}
.home10 .h27-network-rail nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:clamp(13px,2vw,30px);
}
.home10 .h27-network-rail a{
  color:#e5e8ed!important;
  text-decoration:none;
  font-size:9px;
  letter-spacing:.12em;
  font-weight:900;
}
.home10 .h27-network-rail a:hover{color:#ffd047!important}

/* Massive race-poster hero, photographic on both modes. */
body.home-v10-page:not(.rn-active) .home10 .h10-hero{
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  background:#080b10!important;
  border-bottom:5px solid #d71936!important;
}
.home10 .h10-hero>img{
  opacity:.92;
  filter:contrast(1.14) saturate(.97);
  object-position:60% 46%;
  transform:scale(1.035);
}
.home10 .h10-hero:before{
  background:
    linear-gradient(90deg,rgba(4,7,12,.97) 0%,rgba(4,7,12,.83) 34%,rgba(4,7,12,.46) 65%,rgba(4,7,12,.40) 100%),
    linear-gradient(0deg,rgba(4,6,10,.94) 0%,transparent 70%)!important;
}
.home10 .h10-hero:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background:repeating-linear-gradient(117deg,transparent 0,transparent 46px,rgba(255,255,255,.035) 47px,transparent 48px);
  mix-blend-mode:screen;
}
.home10 .h10-hero-inner{
  padding:clamp(70px,8.5vw,145px) 0 clamp(62px,7vw,100px);
}
.home10 .h10-hero-grid{
  grid-template-columns:minmax(0,1.1fr) minmax(325px,.75fr);
  gap:clamp(24px,4vw,75px);
  align-items:center;
}
.home10 .h10-eyebrow{
  margin-bottom:22px;
  color:#fff!important;
  font-size:11px!important;
  letter-spacing:.19em;
}
.home10 .h10-eyebrow:before{width:51px;height:5px;transform:skew(-18deg)}
.home10 .h10-hero-copy h1{
  margin:0;
  max-width:880px;
  font-family:Impact,"Arial Narrow","Arial Black",system-ui,sans-serif!important;
  font-size:clamp(70px,7.6vw,128px)!important;
  font-stretch:condensed;
  font-style:italic;
  font-weight:900!important;
  line-height:.89!important;
  letter-spacing:-.034em!important;
  text-transform:uppercase;
  text-wrap:balance;
  color:#fff!important;
  text-shadow:0 8px 28px rgba(0,0,0,.2)!important;
}
.home10 .h10-hero-copy>p{
  max-width:560px;
  margin:27px 0 0;
  font-size:clamp(15px,1.35vw,19px)!important;
  font-weight:650!important;
  line-height:1.55!important;
  color:#e6e9ef!important;
  text-shadow:0 2px 13px rgba(0,0,0,.35)!important;
}
.home10 .h10-actions{margin-top:29px;gap:12px}
.home10 .h10-actions .h10-btn{
  min-height:54px;
  padding:0 25px!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
  border-radius:1px!important;
  transform:skew(-8deg);
  transition:transform .18s ease,box-shadow .18s ease;
}
.home10 .h10-actions .h10-btn.primary{
  background:#df1839!important;
  border-color:#df1839!important;
  box-shadow:7px 7px 0 rgba(0,0,0,.16);
}
.home10 .h10-actions .h10-btn:hover{transform:translateY(-3px) skew(-8deg)}
.home10 .h10-upcoming{
  margin-top:clamp(35px,5vw,65px)!important;
  max-width:730px!important;
}
.home10 .h10-upcoming-title{
  padding-left:14px;
  border-left:4px solid #efbe25;
  color:#fff!important;
  font-size:11px!important;
  text-shadow:none!important;
  letter-spacing:.16em!important;
}
.home10 .h10-upcoming-card{
  position:relative;
  padding:20px!important;
  background:rgba(8,11,16,.85)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-top:4px solid #e21d3b!important;
  border-radius:2px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.16)!important;
}
.home10 .h10-upcoming-card.monday{border-top-color:#25b66f!important}
.home10 .h10-upcoming-card h3{font-family:Impact,"Arial Narrow","Arial Black",sans-serif;font-size:clamp(24px,2.2vw,34px);letter-spacing:.01em}
.home10 .h10-upcoming-card a{
  font-weight:900!important;
  text-decoration:none!important;
  border-bottom:2px solid #ed2542;
  padding-bottom:3px;
}
.home10 .h10-hosted-card{
  max-width:455px;
  border:1px solid #505761!important;
  border-top:6px solid #f4c328!important;
  border-radius:2px!important;
  background:rgba(7,9,13,.95)!important;
  box-shadow:0 32px 75px rgba(0,0,0,.53)!important;
}
.home10 .h10-hosted-card .h10-hosted-head{padding:17px 19px;background:rgba(255,255,255,.055)}
.home10 .h10-hosted-head strong{font-family:Impact,"Arial Narrow","Arial Black",sans-serif!important;font-size:23px!important;font-style:italic;letter-spacing:.02em}
.home10 .h10-hosted-race{padding:20px 19px}
.home10 .h10-hosted-race>strong{font-family:Impact,"Arial Narrow","Arial Black",sans-serif;font-size:clamp(27px,2.3vw,34px)!important;font-style:italic}
.home10 .h10-hosted-race-stats b{font-size:clamp(20px,2vw,27px)}
.home10 .h10-hosted-winner-feature{border-top:1px solid rgba(255,255,255,.17);padding:20px}
.home10 .h10-hosted-winner-feature .h10-hosted-winner-copy strong{
  font-family:Impact,"Arial Narrow","Arial Black",sans-serif!important;
  font-size:clamp(25px,2.5vw,37px)!important;
}
.home10 .h10-hosted-link{
  background:#f3c62b!important;
  color:#111318!important;
  padding:15px 20px!important;
  font-size:10px!important;
  justify-content:center!important;
  letter-spacing:.15em!important;
}
.home10 .h10-hosted-link:hover{background:#ffe074!important;color:#111318!important}

/* Race Day is explicitly WHITE / BLACK. Photo lives on the right, never
   underneath black copy; preserve the dark photographic Night treatment. */
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) .home10 .h10-hero{
  background:#fff!important;
  border-color:#d71936!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero>img{
  opacity:1;
  filter:saturate(.88) contrast(1.07) brightness(1.04);
  clip-path:polygon(42% 0,100% 0,100% 100%,54% 100%);
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero:before{
  background:linear-gradient(90deg,#fff 0%,#fff 34%,rgba(255,255,255,.94) 47%,rgba(255,255,255,.50) 66%,rgba(255,255,255,.10) 100%)!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero:after{
  opacity:.2;mix-blend-mode:multiply;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-eyebrow,
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero-copy h1,
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero-copy>p,
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-upcoming-title{
  color:#101318!important;
  -webkit-text-fill-color:#101318!important;
  text-shadow:none!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-btn:not(.primary){
  border:1px solid #101318!important;
  color:#101318!important;
  background:#fff!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-btn.primary{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-upcoming-card{
  background:rgba(255,255,255,.95)!important;
  border-color:#d9dfe6!important;
  border-top-color:#df1d3a!important;
  color:#101318!important;
  box-shadow:0 14px 38px rgba(22,28,36,.12)!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-upcoming-card.monday{border-top-color:#209d61!important}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hosted-card{
  background:#fff!important;
  border:1px solid #d8dce3!important;
  border-top:6px solid #e0a819!important;
  box-shadow:0 28px 65px rgba(13,20,30,.16)!important;
}

/* Editorial section system: large display headers, racing slashes, white space. */
.home10 .h10-section{
  position:relative;
  padding:clamp(62px,7vw,106px) 0!important;
  border-bottom:1px solid var(--h10-line)!important;
}
.home10 .h10-section:nth-of-type(even){
  background:var(--h10-panel2)!important;
}
.home10 .h10-section-head{
  position:relative;
  padding:0 0 21px;
  margin-bottom:clamp(24px,3vw,40px);
  border-bottom:1px solid var(--h10-line);
}
.home10 .h10-section-head:before{
  content:"";
  position:absolute;
  bottom:-2px;left:0;
  width:100px;height:4px;
  background:linear-gradient(90deg,#df1838 0 66%,#e7b723 66% 100%);
  transform:skewX(-18deg);
}
.home10 .h10-section-head small{
  color:#c31d37!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
}
.home10 .h10-section-head h2{
  font-family:Impact,"Arial Narrow","Arial Black",sans-serif!important;
  font-style:italic;
  font-size:clamp(41px,5vw,78px)!important;
  line-height:.95!important;
  letter-spacing:.006em!important;
  color:var(--h10-text)!important;
}
.home10 .h10-section-head>a{
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:11px 16px;
  border:1px solid var(--h10-line);
  color:var(--h10-text)!important;
  background:var(--h10-panel);
  font-size:10px!important;
  transition:border-color .18s ease,transform .18s ease;
}
.home10 .h10-section-head>a:hover{border-color:#d71936!important;transform:translateY(-2px)}
.home10 .h10-week-grid,.home10 .h20-grid,.home10 .h20-results-grid{gap:clamp(14px,2vw,25px)}
.home10 .h10-week-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:335px!important;
  padding:clamp(26px,3vw,45px)!important;
  border:1px solid var(--h10-line)!important;
  border-top:5px solid #db1a38!important;
  border-radius:2px!important;
  background:var(--h10-panel)!important;
  box-shadow:var(--h10-shadow);
}
.home10 .h10-week-card.monday{border-top-color:#229a5c!important}
.home10 .h10-week-card:before{
  content:"SUNDAY";
  position:absolute;
  z-index:-1;
  right:-26px;top:18px;
  font:italic 900 clamp(75px,11vw,170px)/1 Impact,"Arial Narrow",sans-serif;
  letter-spacing:-.025em;
  color:var(--h10-text);
  opacity:.055;
  transform:rotate(-6deg);
  pointer-events:none;
}
.home10 .h10-week-card.monday:before{content:"MONDAY"}
.home10 .h10-week-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -15% -130px 20%;
  height:240px;
  transform:rotate(-18deg);
  border-top:1px solid rgba(215,25,54,.28);
  background:linear-gradient(90deg,transparent,rgba(215,25,54,.055));
  pointer-events:none;
}
.home10 .h10-week-card h3{
  font-family:Impact,"Arial Narrow","Arial Black",sans-serif!important;
  font-size:clamp(36px,4vw,60px)!important;
  font-style:italic;
  letter-spacing:.008em;
  line-height:1.0!important;
}
.home10 .h10-week-card b{
  display:inline-flex;align-items:center;
  margin-top:24px;
  font-size:11px!important;
  color:#d71936!important;
}
.home10 .h10-week-card:hover{transform:translateY(-6px)!important;border-color:#d71936!important}
.home10 .h20-panel,.home10 .h20-results-panel{
  border:1px solid var(--h10-line)!important;
  border-top:5px solid #d71936!important;
  border-radius:2px!important;
  background:var(--h10-panel)!important;
  box-shadow:var(--h10-shadow)!important;
  overflow:hidden;
}
.home10 .h20-panel.monday,.home10 .h20-results-panel.monday{border-top-color:#239e63!important}
.home10 .h20-panel{padding:clamp(25px,3vw,42px)}
.home10 .h20-panel h3,.home10 .h20-results-panel h3{
  font-family:Impact,"Arial Narrow","Arial Black",sans-serif!important;
  font-size:clamp(36px,3.6vw,57px)!important;
  font-style:italic;
  line-height:1.02!important;
  letter-spacing:.002em;
  text-transform:uppercase;
}
.home10 .h20-championship-total b{
  font:italic 900 clamp(52px,5vw,84px)/1 Impact,"Arial Narrow",sans-serif!important;
  color:var(--h10-text)!important;
}
.home10 .h20-numbers b{font-size:clamp(25px,2.3vw,38px)!important}
.home10 .h20-results-panel{padding:clamp(25px,3vw,42px)}
.home10 .h20-finish-list li{
  padding:16px 12px!important;
  gap:14px!important;
  border-bottom:1px solid var(--h10-line);
  font-size:15px;
}
.home10 .h20-finish-list li:before{
  min-width:35px;
  font:italic 900 24px/1 Impact,"Arial Narrow",sans-serif;
  color:#8a949e;
}
.home10 .h20-finish-list li:first-child{
  background:color-mix(in srgb,#e9b82f 12%,var(--h10-panel))!important;
  border-left:5px solid #e6b52a!important;
}
.home10 .h20-finish-list li:first-child:before{color:#b28515!important}
.home10 .h10-story-art{border-radius:2px;box-shadow:var(--h10-shadow)}
.home10 .h10-story-art img{filter:contrast(1.08) saturate(.9)}
.home10 .h10-story-layout .hlrn-recap-card{border-radius:2px!important}
.home10 .h10-quick-links .h10-links-grid{gap:18px!important}
.home10 .h10-quick-links .h10-link-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--h10-line)!important;
  border-left:5px solid var(--ql-accent,#d71936)!important;
  border-radius:2px!important;
  padding:30px!important;
  min-height:215px!important;
  background:var(--h10-panel)!important;
  box-shadow:var(--h10-shadow);
}
.home10 .h10-link-card:after{
  content:"↗";
  position:absolute;top:12px;right:18px;
  font-size:42px;font-weight:300;
  color:var(--h10-muted);
  opacity:.24;
  transition:transform .18s ease,opacity .18s ease;
}
.home10 .h10-link-card:hover:after{transform:translate(4px,-4px);opacity:.9}
.home10 .h10-link-card:hover{transform:translateY(-5px)!important;border-color:var(--ql-accent,#d71936)!important}
.home10 .h10-link-card strong{
  font-family:Impact,"Arial Narrow","Arial Black",sans-serif!important;
  font-style:italic;
  font-size:clamp(27px,2.5vw,39px)!important;
  letter-spacing:.02em;
}
.home10 .h10-footer{border-top:6px solid #d71936;background:var(--h10-panel)!important}
.home10 .h10-footer-brand strong{
  font-family:Impact,"Arial Narrow","Arial Black",sans-serif!important;
  font-style:italic;
  font-size:27px!important;
}

/* Responsive: retain usable headline + photo and readable controls. */
@media(max-width:1150px){
  .home10 .h10-hero-grid{grid-template-columns:minmax(0,1fr) minmax(305px,.9fr);gap:24px}
  .home10 .h10-hero-copy h1{font-size:clamp(62px,7vw,93px)!important}
}
@media(max-width:900px){
  body.home-v10-page:not(.rn-active) .home10 .h10-hero{min-height:0}
  .home10 .h10-hero-grid{grid-template-columns:1fr}
  .home10 .h10-hosted-card{justify-self:start;max-width:620px}
  .home10 .h10-hero-copy h1{font-size:clamp(63px,11vw,106px)!important}
  html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero>img{
    clip-path:none;opacity:.23;object-position:65% center;
  }
  html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero:before{
    background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.83))!important;
  }
}
@media(max-width:650px){
  .home10 .h27-network-rail{min-height:40px;justify-content:center}
  .home10 .h27-network-rail nav{display:none}
  .home10 .h10-hero-inner{padding:54px 0 62px}
  .home10 .h10-hero-copy h1{font-size:clamp(55px,13.5vw,84px)!important;line-height:.94!important}
  .home10 .h10-hero-copy>p{font-size:15px!important}
  .home10 .h10-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .home10 .h10-actions .h10-btn{padding:12px!important;min-height:54px;font-size:9px!important;text-align:center}
  .home10 .h10-upcoming-grid{grid-template-columns:1fr}
  .home10 .h10-hero-grid{gap:34px}
  .home10 .h10-hosted-card{max-width:100%}
  .home10 .h10-section{padding:58px 0!important}
  .home10 .h10-section-head h2{font-size:clamp(40px,10vw,58px)!important}
  .home10 .h10-section-head>a{align-self:flex-start}
  .home10 .h10-week-card{min-height:250px!important}
  .home10 .h10-week-card h3{font-size:clamp(32px,9vw,50px)!important}
  .home10 .h20-finish-list li{font-size:13px}
  .home10 .h10-quick-links .h10-link-card{min-height:170px!important}
}
@media(max-width:385px){
  .home10 .h10-actions{grid-template-columns:1fr}
  .home10 .h10-hero-copy h1{font-size:49px!important}
  .home10 .h10-hosted-race-stats b{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  .home10 .h10-btn,.home10 .h10-link-card,
  .home10 .h10-week-card,.home10 .h10-section-head>a,
  .home10 .h10-link-card:after{transition:none!important;animation:none!important}
}

/* Finish the visual system across shared page footers without modifying
   each page's independent layouts or race data. */
#hlrn-global-footer{
  background:var(--h27-nav-bg,#fff)!important;
  color:var(--h27-nav-ink,#111318)!important;
  border-top:5px solid #d71936!important;
  border-bottom:0!important;
}
#hlrn-global-footer .hgf-inner{
  border-top:0!important;
}
#hlrn-global-footer :is(.hgf-brand strong,.hgf-links a){
  color:var(--h27-nav-ink,#111318)!important;
}
#hlrn-global-footer .hgf-links a{
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.075em!important;
}
#hlrn-global-footer .hgf-links a:hover{color:#d71936!important}
/* Day Race keeps the small network-rail bright as well as the main site. */
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h27-network-rail{
  background:#fff!important;
  border-bottom:1px solid #dde1e5!important;
  color:#101318!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h27-network-rail b,
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h27-network-rail a{
  color:#101318!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h27-network-rail a:hover{
  color:#ce1431!important;
}


/* =========================================================
   HLRN TYPOGRAPHY REFINEMENT — CLEAN BROADCAST SANS
   Replace only the slanted Impact display font introduced by the
   Broadcast Edition. Keep all layouts, imagery, color, track, and data.
   ========================================================= */
body.home-v10-page .home10 :is(
  .h10-hero-copy h1,
  .h10-upcoming-card h3,
  .h10-hosted-head strong,
  .h10-hosted-race>strong,
  .h10-hosted-winner-copy strong,
  .h10-section-head h2,
  .h10-week-card h3,
  .h20-panel h3,
  .h20-results-panel h3,
  .h20-championship-total b,
  .h10-link-card strong,
  .h10-footer-brand strong
){
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}
body.home-v10-page .home10 .h10-hero-copy h1{
  letter-spacing:-.055em!important;
}
body.home-v10-page .home10 .h10-week-card:before,
body.home-v10-page .home10 .h20-finish-list li:before{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-style:normal!important;
}


/* ============================================================
   HLRN HOMEPAGE // NETWORK PREMIERE (2026-10-27)
   Cohesive broadcast typography, photographic hero, scoreboard
   stripes and tighter card hierarchy. Presentation only.
   ============================================================ */
body.home-v10-page .home10{
  --h28-display:"Barlow Condensed","Arial Narrow","Roboto Condensed",Inter,Arial,sans-serif;
  --h28-copy:Inter,"Segoe UI",Arial,sans-serif;
}
body.home-v10-page .home10 :is(.h10-hero-copy h1,.h10-section-head h2,
  .h10-week-card h3,.h20-panel h3,.h20-results-panel h3,
  .h10-upcoming-card h3,.h10-hosted-race>strong,.h10-hosted-winner-copy strong,
  .h10-hosted-head strong,.h10-link-card strong,.h10-footer-brand strong){
  font-family:var(--h28-display)!important;
  font-weight:800!important;
  font-style:normal!important;
  letter-spacing:-.018em!important;
}
body.home-v10-page .home10 .h10-hero-copy h1{
  display:flex;
  flex-direction:column;
  gap:0;
  align-items:flex-start;
  text-transform:uppercase;
  text-wrap:initial;
  letter-spacing:0!important;
  max-width:none!important;
}
.home10 .h10-hero-copy h1 .h28-title-overline{
  font-family:var(--h28-copy)!important;
  font-size:clamp(16px,1.6vw,24px)!important;
  font-weight:900!important;
  line-height:1.35!important;
  letter-spacing:.21em!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  padding-left:3px;
}
.home10 .h10-hero-copy h1 .h28-title-main{
  display:block;
  font-family:var(--h28-display)!important;
  font-size:clamp(100px,10.8vw,180px)!important;
  font-weight:900!important;
  line-height:.78!important;
  letter-spacing:-.052em!important;
  margin-top:14px;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
.home10 .h10-hero-copy h1 .h28-title-final{
  display:block;
  font-family:var(--h28-display)!important;
  font-size:clamp(58px,7vw,110px)!important;
  font-weight:900!important;
  line-height:.93!important;
  letter-spacing:-.035em!important;
  margin-top:6px;
  white-space:nowrap;
  color:#ff3656!important;
  -webkit-text-fill-color:#ff3656!important;
}
.home10 .h10-hero-copy h1 .h28-title-final em{
  font-style:normal!important;
  color:#f2c32a!important;
  -webkit-text-fill-color:#f2c32a!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero-copy h1 .h28-title-overline,
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero-copy h1 .h28-title-main{
  color:#11151b!important;
  -webkit-text-fill-color:#11151b!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero-copy h1 .h28-title-final{
  color:#c71937!important;
  -webkit-text-fill-color:#c71937!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero-copy h1 .h28-title-final em{
  color:#bb8e19!important;
  -webkit-text-fill-color:#bb8e19!important;
}
.home10 .h10-hero-copy>p{
  border-left:3px solid #ed2444;
  padding-left:20px;
  margin-top:35px!important;
  font-size:clamp(15px,1.32vw,19px)!important;
  font-weight:550!important;
  letter-spacing:.005em!important;
  line-height:1.6!important;
}
.home10 .h10-eyebrow{
  display:flex;
  width:max-content;
  max-width:100%;
  gap:12px;
  margin-bottom:24px!important;
  font-family:var(--h28-copy);
  font-size:10px!important;
  letter-spacing:.18em!important;
}
.home10 .h10-eyebrow:before{width:30px;height:3px}
body.home-v10-page:not(.rn-active) .home10 .h10-hero{
  min-height:0;
}
.home10 .h10-hero-inner{
  padding-top:0!important;
  padding-bottom:0!important;
}
.home10 .h10-hero-grid{
  grid-template-columns:minmax(0,1.24fr) minmax(315px,.76fr);
  align-items:center!important;
  gap:clamp(24px,4vw,64px)!important;
}
.home10 .h10-hero>img{
  object-position:67% center;
  filter:saturate(.9) contrast(1.16)!important;
}
.home10 .h10-hero:before{
  background:
    linear-gradient(90deg,rgba(3,6,10,.97) 0%,rgba(3,6,10,.85) 30%,rgba(3,6,10,.48) 57%,rgba(3,6,10,.26) 100%),
    linear-gradient(0deg,rgba(2,4,7,.72),transparent 68%)!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-hero:before{
  background:linear-gradient(90deg,#fff 0%,#fff 33%,rgba(255,255,255,.95) 49%,rgba(255,255,255,.37) 76%,rgba(255,255,255,.08))!important;
}
.home10 .h10-actions .h10-btn{
  transform:none!important;
  border-radius:4px!important;
  min-height:55px;
  padding:0 28px!important;
  clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);
  transition:background .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
.home10 .h10-actions .h10-btn:hover{
  transform:none!important;
  filter:brightness(1.1)!important;
  box-shadow:0 12px 30px rgba(215,25,54,.18)!important;
}
.home10 .h10-upcoming{
  border-top:1px solid rgba(255,255,255,.22);
  padding-top:20px;
  margin-top:42px!important;
  max-width:690px!important;
}
.home10 .h10-upcoming-title{
  font-size:11px!important;
  letter-spacing:.15em!important;
  margin-bottom:14px!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 .h10-upcoming{
  border-top-color:#d7dade;
}
.home10 .h10-upcoming-card{
  padding:18px 20px!important;
  border-radius:4px!important;
}
.home10 .h10-upcoming-card h3{
  font-size:clamp(25px,2.4vw,34px)!important;
  line-height:1.0!important;
  margin:11px 0 8px!important;
}
.home10 .h10-upcoming-card small,
.home10 .h10-upcoming-card a{
  font-family:var(--h28-copy)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
}
.home10 .h10-upcoming-card a{
  display:inline-flex;
  margin-top:4px;
  padding-bottom:5px;
}
.home10 .h10-hosted-card{
  transform:translateY(10px);
  border-radius:5px!important;
  overflow:hidden;
  max-width:435px;
}
.home10 .h10-hosted-card .h10-hosted-head{
  padding:17px 21px!important;
}
.home10 .h10-hosted-card .h10-hosted-head strong{
  font-size:26px!important;
  font-weight:800!important;
}
.home10 .h10-hosted-head>span{
  font-family:var(--h28-copy);
  font-size:10px!important;
}
.home10 .h10-hosted-race>strong{
  font-size:clamp(31px,3.2vw,44px)!important;
  line-height:.99!important;
}
.home10 .h10-hosted-winner-feature .h10-hosted-winner-copy strong{
  font-size:clamp(27px,3.1vw,40px)!important;
  white-space:normal;
  overflow-wrap:anywhere;
}
.home10 .h10-hosted-winner-photo{
  border-radius:4px;
  overflow:hidden;
}
.home10 .h10-hosted-race-stats{
  border-top:1px solid rgba(255,255,255,.15);
}
.home10 .h10-hosted-race-stats b{
  font-family:var(--h28-display)!important;
  font-size:30px!important;
  font-weight:800!important;
}
.home10 .h10-hosted-link{
  border-radius:0!important;
  min-height:53px;
}
.home10 .h10-info{
  position:relative;
  border-bottom:1px solid var(--h10-line)!important;
}
.home10 .h10-info-item{
  position:relative;
  min-height:112px;
  padding:22px clamp(18px,3vw,36px)!important;
  transition:background .2s ease!important;
}
.home10 .h10-info-item strong{
  font-family:var(--h28-display)!important;
  font-size:clamp(27px,3vw,42px)!important;
  font-weight:800!important;
  letter-spacing:-.014em;
  text-transform:uppercase;
}
.home10 .h10-info-item small{
  font-size:10px!important;
  letter-spacing:.16em!important;
}
.home10 .h10-info-item:after{
  content:"↗";
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  font-size:20px;
  color:var(--h10-muted);
}
.home10 .h10-info-item.sunday{box-shadow:inset 5px 0 0 #d91b3a!important}
.home10 .h10-info-item.monday{box-shadow:inset 5px 0 0 #239f65!important}

/* Flat editorial panels, fewer generic tiles, more hierarchy. */
.home10 .h10-section{
  padding:clamp(58px,6vw,94px) 0!important;
}
.home10 .h10-section-head{
  padding-bottom:24px;
  margin-bottom:clamp(23px,2.7vw,35px);
}
.home10 .h10-section-head h2{
  font-size:clamp(53px,5.7vw,87px)!important;
  line-height:.86!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}
.home10 .h10-section-head small{
  font-family:var(--h28-copy);
  font-size:10px!important;
  letter-spacing:.20em!important;
}
.home10 .h10-section-head>a{
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid #d71936!important;
  font-size:10px!important;
  padding:10px 0!important;
}
.home10 .h10-week-card{
  min-height:280px!important;
  border-radius:5px!important;
  box-shadow:0 8px 26px rgba(0,0,0,.055)!important;
}
.home10 .h10-week-card:before{
  font-family:var(--h28-display)!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  top:12px;right:10px;
  opacity:.045;
}
.home10 .h10-week-card h3{
  font-size:clamp(44px,4.6vw,67px)!important;
  line-height:.96!important;
}
.home10 .h20-panel,.home10 .h20-results-panel{
  border-radius:5px!important;
  box-shadow:0 8px 26px rgba(0,0,0,.055)!important;
}
.home10 .h20-panel h3,.home10 .h20-results-panel h3{
  font-size:clamp(38px,3.8vw,58px)!important;
  line-height:1!important;
}
.home10 .h20-championship-total b{
  font-family:var(--h28-display)!important;
  font-style:normal!important;
  font-size:clamp(62px,6vw,92px)!important;
  line-height:.93!important;
}
.home10 .h20-finish-list li{
  padding:13px 11px!important;
  font-size:14px;
}
.home10 .h20-finish-list li:before{
  font-family:var(--h28-display)!important;
  font-style:normal!important;
  font-size:25px!important;
}
.home10 .h20-finish-list li:first-child{
  border-radius:3px;
}
.home10 .h10-quick-links .h10-links-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:15px!important;
}
.home10 .h10-quick-links .h10-link-card{
  min-height:195px!important;
  padding:26px!important;
  border-radius:5px!important;
  box-shadow:0 7px 25px rgba(0,0,0,.04)!important;
}
.home10 .h10-quick-links .h10-link-featured{
  grid-column:span 2;
}
.home10 .h10-quick-links .h10-link-card strong{
  font-size:clamp(29px,2.6vw,40px)!important;
  font-family:var(--h28-display)!important;
  line-height:1!important;
}
.home10 .h10-quick-links .h10-link-card:hover{
  transform:translateY(-3px)!important;
}
.home10 .h10-quick-links .h10-link-card small{
  max-width:44ch;
}
.home10 .h10-footer-brand strong{
  font-family:var(--h28-display)!important;
  font-size:33px!important;
}

/* Responsive layouts deliberately avoid overflow or clipped headlines. */
@media(max-width:1180px){
  .home10 .h10-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(295px,.75fr);
    gap:25px!important;
  }
  .home10 .h10-hero-copy h1 .h28-title-main{
    font-size:clamp(86px,10vw,125px)!important;
  }
  .home10 .h10-hero-copy h1 .h28-title-final{
    font-size:clamp(48px,5.8vw,75px)!important;
  }
}
@media(max-width:900px){
  .home10 .h10-hero-grid{grid-template-columns:1fr}
  .home10 .h10-hero-copy h1 .h28-title-main{
    font-size:clamp(99px,15vw,155px)!important;
  }
  .home10 .h10-hero-copy h1 .h28-title-final{
    font-size:clamp(57px,9vw,95px)!important;
  }
  .home10 .h10-hosted-card{
    max-width:620px;
    transform:none;
  }
  .home10 .h10-quick-links .h10-links-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .home10 .h10-quick-links .h10-link-featured{grid-column:span 2}
}
@media(max-width:650px){
  .home10 .h10-hero-copy h1 .h28-title-overline{
    font-size:15px!important;
  }
  .home10 .h10-hero-copy h1 .h28-title-main{
    font-size:clamp(79px,17.5vw,114px)!important;
  }
  .home10 .h10-hero-copy h1 .h28-title-final{
    font-size:clamp(44px,10.5vw,71px)!important;
  }
  .home10 .h10-hero-copy>p{
    padding-left:14px;
    margin-top:23px!important;
    font-size:14px!important;
  }
  .home10 .h10-upcoming{margin-top:29px!important}
  .home10 .h10-hosted-card .h10-hosted-head strong{font-size:24px!important}
  .home10 .h10-section-head h2{
    font-size:clamp(47px,10.7vw,65px)!important;
  }
  .home10 .h10-info-item{
    padding:18px 24px!important;
    min-height:95px;
  }
  .home10 .h10-info-item strong{
    font-size:32px!important;
  }
  .home10 .h10-week-card{min-height:250px!important}
  .home10 .h10-week-card h3{
    font-size:clamp(41px,9.5vw,58px)!important;
  }
  .home10 .h10-quick-links .h10-links-grid{
    grid-template-columns:1fr!important;
  }
  .home10 .h10-quick-links .h10-link-featured{grid-column:auto}
  .home10 .h10-quick-links .h10-link-card{min-height:165px!important}
}
@media(max-width:385px){
  .home10 .h10-hero-copy h1 .h28-title-main{
    font-size:clamp(63px,18vw,74px)!important;
  }
  .home10 .h10-hero-copy h1 .h28-title-final{
    font-size:clamp(36px,10vw,43px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .home10 .h10-info-item,.home10 .h10-btn{transition:none!important}
}