/*
 * HLRN HOMEPAGE — Reference-inspired Day / Night layout
 * Only presentation and four already-uploaded assets; no changes to data,
 * JS selectors, navigation, the Hosted race widgets or race-night takeover.
 */
body.home-v10-page {
  position:relative;
}
body.home-v10-page .home10 {
  --home30-red:#e31837;
  position:relative;
  overflow:hidden;
}

/* Replace the huge photo-led hero with a compact data dashboard.
   Keep the original heading accessible so the page still has an H1. */
body.home-v10-page:not(.rn-active) .home10 > .h10-hero {
  display:block!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  padding:19px 0 13px!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
}
body.home-v10-page:not(.rn-active) .home10 > .h10-hero > img,
body.home-v10-page:not(.rn-active) .home10 > .h10-hero > .h29-hero-atmosphere,
body.home-v10-page:not(.rn-active) .home10 > .h10-hero > .h29-hero-bottomline{
  display:none!important;
}
body.home-v10-page:not(.rn-active) .home10 > .h10-hero:before,
body.home-v10-page:not(.rn-active) .home10 > .h10-hero:after{
  content:none!important;
  display:none!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hero-inner {
  position:relative!important;
  width:min(100% - 34px,1380px)!important;
  max-width:1380px!important;
  padding:0!important;
  margin:0 auto!important;
  z-index:2!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.4fr) minmax(285px,.65fr)!important;
  align-items:stretch!important;
  gap:14px!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hero-copy{
  min-width:0!important;
  border:1px solid rgba(149,163,181,.29)!important;
  border-left:4px solid var(--home30-red)!important;
  border-radius:10px!important;
  padding:clamp(16px,2vw,28px)!important;
  box-shadow:0 14px 34px rgba(5,10,19,.12)!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) .home10 .h10-hero-copy{
  background:rgba(255,255,255,.96)!important;
  border-color:#d5dfe9!important;
  border-left-color:var(--home30-red)!important;
  color:#151b26!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) .home10 .h10-hero-copy{
  background:rgba(11,16,25,.96)!important;
  border-color:#303c4c!important;
  border-left-color:var(--home30-red)!important;
  color:#f5f8fb!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hero-copy :is(.h29-edition-tag,.h10-eyebrow){
  display:none!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hero-copy > h1{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}
body.home-v10-page .home10 .home30-next-heading {
  display:flex;
  align-items:center;
  gap:9px;
  font-family:"Barlow",Arial,sans-serif;
  font-size:clamp(15px,1.45vw,20px);
  line-height:1.2;
  letter-spacing:.05em;
  font-weight:900;
}
body.home-v10-page .home10 .home30-next-heading small {
  margin-left:auto;
  font-size:10px;
  letter-spacing:.13em;
  color:var(--home30-red);
}
body.home-v10-page .home10 .home30-status-dot{
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:50%;
  background:#e31837;
  box-shadow:0 0 0 4px rgba(227,24,55,.13);
}
html[data-hlrn-theme="light"] body.home-v10-page .home30-next-heading{
  color:#141c26!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page .home30-next-heading{
  color:#f6f7fa!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hero-copy > p{
  max-width:unset!important;
  font-size:clamp(12px,1.15vw,14px)!important;
  line-height:1.55!important;
  padding:0!important;
  margin:9px 0 0!important;
  text-shadow:none!important;
  font-weight:600!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) .home10 .h10-hero-copy > p{
  color:#4a5767!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) .home10 .h10-hero-copy > p{
  color:#b9c4d2!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-actions{
  margin-top:12px!important;
  gap:8px!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-actions .h10-btn{
  min-height:40px!important;
  padding:0 17px!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  clip-path:none!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) .home10 .h10-actions .h10-btn:not(.primary){
  background:#fff!important;
  color:#141b25!important;
  border-color:#a5b3c2!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-upcoming{
  max-width:none!important;
  margin:17px 0 0!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-title{
  font-size:11px!important;
  margin:0 0 8px!important;
  line-height:1.25!important;
  letter-spacing:.11em!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-title{
  color:#344153!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-card{
  padding:14px 15px!important;
  border-radius:7px!important;
  box-shadow:none!important;
  min-width:0!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-card{
  background:#f6f8fb!important;
  color:#141b25!important;
  border-color:#dae1e8!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-card{
  background:#151c27!important;
  color:#f7f9fb!important;
  border-color:#344154!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-card h3{
  font-size:clamp(17px,1.55vw,22px)!important;
  line-height:1.1!important;
  margin:8px 0 6px!important;
  overflow-wrap:anywhere;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-card :is(h3,p,a){
  color:#17212d!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-card :is(small,p,a){
  font-size:11px!important;
  letter-spacing:0!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-card:after{
  display:none!important;
}

/* Latest Hosted keeps all the live IDs and data hookups unchanged. */
body.home-v10-page:not(.rn-active) .home10 .h10-hosted-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(5,10,19,.12)!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hosted-head,
body.home-v10-page:not(.rn-active) .home10 .h10-hosted-race,
body.home-v10-page:not(.rn-active) .home10 .h10-hosted-race-stats,
body.home-v10-page:not(.rn-active) .home10 .h10-hosted-winner-feature{
  padding-left:18px!important;
  padding-right:18px!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hosted-race > strong{
  font-size:clamp(22px,2.1vw,29px)!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hosted-head strong{
  font-size:clamp(22px,2.1vw,28px)!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hosted-winner-copy strong{
  font-size:clamp(18px,1.7vw,23px)!important;
}
body.home-v10-page:not(.rn-active) .home10 .h10-hosted-card .h10-hosted-link{
  margin-top:auto!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) .home10 .h10-hosted-card{
  background:rgba(255,255,255,.97)!important;
  color:#141b25!important;
  border:1px solid #d5dfe9!important;
  border-top:4px solid #e31837!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) .home10 .h10-hosted-card :is(
  .h10-hosted-head strong,.h10-hosted-race>strong,.h10-hosted-winner-copy strong,.h10-hosted-race-meta span,
  .h10-hosted-race-stats b,.h10-hosted-race-stats span,.h10-hosted-winner-copy small
){
  color:#15202d!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) .home10 .h10-hosted-card{
  background:rgba(12,16,24,.96)!important;
  border:1px solid #364151!important;
  border-top:4px solid #e31837!important;
}

/* 4 image-backed shortcuts, like the reference homepage. */
body.home-v10-page .home10 > .home30-shortcuts {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  width:min(100% - 34px,1380px);
  margin:5px auto 21px;
}
body.home-v10-page .home10 .home30-shortcut {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:138px;
  padding:15px 17px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.32);
  overflow:hidden;
  text-decoration:none;
  color:#fff!important;
  background-color:#101b29;
  background-size:cover,cover;
  background-position:center,center;
  background-repeat:no-repeat,no-repeat;
  box-shadow:0 10px 22px rgba(0,0,0,.20);
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
/* Eight individually art-directed scenes — different content for every
   destination, plus true day/night matches. The text/links remain real HTML
   and the gradient keeps the labels accessible. No artwork is repeated. */
body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut:nth-child(1){
  background-image:
    linear-gradient(to top,rgba(1,5,12,.58) 0%,rgba(1,5,12,.20) 20%,rgba(1,5,12,0) 48%),
    url("./HLRN-Card-Drivers-Night.webp?v=20261029cardsv2")!important;
  background-position:center,center!important;
}

body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut:nth-child(2){
  background-image:
    linear-gradient(to top,rgba(1,5,12,.58) 0%,rgba(1,5,12,.20) 20%,rgba(1,5,12,0) 48%),
    url("./HLRN-Card-Teams-Night.webp?v=20261029cardsv2")!important;
  background-position:center,center!important;
}

body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut:nth-child(3){
  background-image:
    linear-gradient(to top,rgba(1,5,12,.58) 0%,rgba(1,5,12,.20) 20%,rgba(1,5,12,0) 48%),
    url("./HLRN-Card-Standings-Night.webp?v=20261029cardsv2")!important;
  background-position:center,center!important;
}

body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut:nth-child(4){
  background-image:
    linear-gradient(to top,rgba(1,5,12,.58) 0%,rgba(1,5,12,.20) 20%,rgba(1,5,12,0) 48%),
    url("./HLRN-Card-Schedule-Night.webp?v=20261029cardsv2")!important;
  background-position:center,center!important;
}

html[data-hlrn-theme="light"] body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut:nth-child(1){
  background-image:
    linear-gradient(to top,rgba(1,5,12,.54) 0%,rgba(1,5,12,.17) 20%,rgba(1,5,12,0) 48%),
    url("./HLRN-Card-Drivers-Day.webp?v=20261029cardsv2")!important;
  background-position:center,center!important;
}

html[data-hlrn-theme="light"] body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut:nth-child(2){
  background-image:
    linear-gradient(to top,rgba(1,5,12,.54) 0%,rgba(1,5,12,.17) 20%,rgba(1,5,12,0) 48%),
    url("./HLRN-Card-Teams-Day.webp?v=20261029cardsv2")!important;
  background-position:center,center!important;
}

html[data-hlrn-theme="light"] body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut:nth-child(3){
  background-image:
    linear-gradient(to top,rgba(1,5,12,.54) 0%,rgba(1,5,12,.17) 20%,rgba(1,5,12,0) 48%),
    url("./HLRN-Card-Standings-Day.webp?v=20261029cardsv2")!important;
  background-position:center,center!important;
}

html[data-hlrn-theme="light"] body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut:nth-child(4){
  background-image:
    linear-gradient(to top,rgba(1,5,12,.54) 0%,rgba(1,5,12,.17) 20%,rgba(1,5,12,0) 48%),
    url("./HLRN-Card-Schedule-Day.webp?v=20261029cardsv2")!important;
  background-position:center,center!important;
}
body.home-v10-page .home10 .home30-shortcut:hover{
  transform:translateY(-3px);
  border-color:#ef304b;
  box-shadow:0 15px 28px rgba(0,0,0,.27);
}
body.home-v10-page .home10 .home30-shortcut:focus-visible{
  outline:3px solid #f3c140;
  outline-offset:3px;
}
body.home-v10-page .home10 .home30-shortcut-icon {
  position:absolute;
  top:14px;
  left:15px;
  color:#ff354f;
  font-weight:900;
  font-size:19px;
  opacity:.9;
}
body.home-v10-page .home10 .home30-shortcut strong {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font:900 clamp(18px,2vw,27px)/1 "Archivo Black","Arial Black",Arial,sans-serif;
  letter-spacing:-.04em;
}
body.home-v10-page .home10 .home30-shortcut strong span{color:#fa3a53}
body.home-v10-page .home10 .home30-shortcut small{
  font-size:12px;
  margin-top:7px;
  color:#dce2e9;
}

/* Keep photo scenes visible while the labels remain legible. */
body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut{
  min-height:235px!important;
  padding:19px 20px!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
}
body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut strong,
body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut small{
  position:relative;
  z-index:1;
  text-shadow:0 2px 8px rgba(0,0,0,.85),0 1px 2px rgba(0,0,0,.8);
}

/* Image-first shortcut cards: only the lower caption zone is shaded.
   Maintain full 4-card desktop row and a 2-card mobile grid. */
@media(max-width:980px){
  body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut{
    min-height:205px!important;
  }
}
@media(max-width:620px){
  body.home-v10-page .home10 > .home30-shortcuts > .home30-shortcut{
    min-height:185px!important;
    padding:13px!important;
  }
}
/* Four supplied images, not fake UI screenshots. Only the page main uses
   background artwork, leaving navigation and the auto race-night overlay alone. */


/* Cards are readable, with clear structured sections like the reference. */
body.home-v10-page .home10 main > .h10-section{
  padding-top:clamp(26px,3vw,44px)!important;
  padding-bottom:clamp(28px,3.5vw,48px)!important;
}
body.home-v10-page .home10 main .h10-section-head{
  align-items:center!important;
  margin-bottom:15px!important;
}
body.home-v10-page .home10 main .h10-section-head h2{
  font-size:clamp(24px,3vw,42px)!important;
  line-height:1.1!important;
  letter-spacing:-.04em!important;
}
body.home-v10-page .home10 main .h10-week-card h3,
body.home-v10-page .home10 main .h20-panel h3,
body.home-v10-page .home10 main .h20-results-panel h3{
  font-size:clamp(21px,2.1vw,31px)!important;
  line-height:1.16!important;
}
body.home-v10-page .home10 main :is(.h10-week-card,.h20-panel,.h20-results-panel,.h10-link-card){
  border-radius:10px!important;
}
body.home-v10-page .home10 main .h20-results-panel{
  padding:clamp(17px,2.2vw,26px)!important;
}
html[data-hlrn-theme="light"] body.home-v10-page .home10 main .h10-section-head h2{
  color:#171c25!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page .home10 main .h10-section-head h2{
  color:#f7f8fa!important;
}
/* Keep race-night panels at their own established style and structure. */
body.home-v10-page.rn-active .home10 > .h10-hero{display:none!important}

/* Responsive: banner stays short; race controls and all cards stay visible. */
@media(max-width:980px){
  body.home-v10-page:not(.rn-active) .home10 .h10-hero-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.home-v10-page .home10 > .home30-shortcuts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.home-v10-page:not(.rn-active) .home10 .h10-hosted-card{
    max-width:none!important;
  }
}
@media(max-width:620px){
  body.home-v10-page .home10 > .home30-shortcuts{gap:9px;margin-bottom:14px;}
  body.home-v10-page .home10 .home30-shortcut{min-height:117px;padding:12px}
  body.home-v10-page .home10 .home30-shortcut strong{font-size:17px}
  body.home-v10-page .home10 .home30-shortcut small{font-size:10px}
  body.home-v10-page:not(.rn-active) .home10 .h10-hero-inner{width:min(100% - 22px,1380px)!important;}
  body.home-v10-page:not(.rn-active) .home10 .h10-hero-copy{padding:16px!important;}
  body.home-v10-page:not(.rn-active) .home10 .h10-upcoming-grid{
    grid-template-columns:1fr!important;
  }
  body.home-v10-page:not(.rn-active) .home10 .h10-actions{flex-wrap:wrap!important;}
  body.home-v10-page:not(.rn-active) .home10 .h10-actions .h10-btn{
    flex:1 1 120px!important;
  }
}
@media(max-width:900px){

}
@media(prefers-reduced-motion:reduce){
  body.home-v10-page .home10 .home30-shortcut{transition:none!important}

}



/* Consolidated compact dashboard and cards (formerly in homepage-finish.css) */
/* Let the dashboard overlap the photo slightly, rather than appearing as
   two giant, unconnected blocks with a hard cutoff. */
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero{
  z-index:3!important;
  margin-top:-19px!important;
  padding:0 0 13px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hero-inner{
  width:min(calc(100% - 42px),1380px)!important;
  padding:0!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.75fr) minmax(300px,.88fr)!important;
  align-items:start!important;
  gap:14px!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hero-copy{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-content:start!important;
  column-gap:15px!important;
  padding:18px 20px 20px!important;
  border-left:3px solid var(--home31-accent)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(14px);
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hero-copy{
  background:rgba(255,255,255,.95)!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hero-copy{
  background:rgba(11,15,23,.94)!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .home30-next-heading{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center;
  font-size:clamp(13px,1.15vw,17px)!important;
  letter-spacing:.025em!important;
  white-space:nowrap;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .home30-next-heading small{
  display:none!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hero-copy > p{
  display:none!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-actions{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center;
  justify-content:end;
  margin:0!important;
  gap:7px!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-actions .h10-btn{
  min-height:36px!important;
  padding:0 12px!important;
  font-size:10px!important;
  border-radius:4px!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-upcoming{
  grid-column:1/-1!important;
  grid-row:2!important;
  padding:12px 0 0!important;
  border-top:1px solid rgba(122,140,160,.25)!important;
  margin:12px 0 0!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-upcoming-card{
  min-height:118px!important;
  padding:12px 15px!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-upcoming-card h3{
  font-size:clamp(17px,1.55vw,23px)!important;
}

/* Compact hosted results, without losing the stats or driver's photo. */
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hosted-card{
  align-self:start!important;
  min-height:0!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hosted-head{
  min-height:52px!important;
  padding:9px 15px!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hosted-race{
  padding-top:10px!important;
  padding-bottom:11px!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hosted-race-stats>div{
  padding-top:10px!important;
  padding-bottom:10px!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hosted-winner-feature{
  min-height:75px!important;
  padding-top:9px!important;
  padding-bottom:9px!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hosted-winner-photo{
  height:72px!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-hosted-link{
  min-height:42px!important;
}

/* The four image-led shortcuts should sit close to the dashboard, exactly as
   in the supplied compact reference instead of being buried below a ticker. */
html body.home-v10-page #hlrnRaceDayHome > .home30-shortcuts{
  margin:0 auto 16px!important;
  width:min(calc(100% - 42px),1380px)!important;
  gap:10px!important;
}
html body.home-v10-page #hlrnRaceDayHome .home30-shortcut{
  min-height:125px!important;
}
html body.home-v10-page #hlrnRaceDayHome .home30-shortcut strong{
  font-size:clamp(15px,1.35vw,22px)!important;
}


/* Side winner tiles remain separate from the photographic masthead. */
html body.home-v10-page #hlrnRaceDayHome > .h10-info{
  background:transparent!important;
}



/* =============================================================
   HLRN HOME — SEAM-FREE RACING BACKGROUNDS
   One continuous racetrack photograph per theme. The second layer
   is ONLY the logo area, softly feathered into that same scene,
   so no horizontal image seam can cross the viewport. The logo
   is attached to the DOCUMENT, not the screen, and scrolls away.
   ============================================================= */
html[data-hlrn-theme] body.home-v10-page #hlrnRaceDayHome{
  position:relative!important;
  isolation:isolate!important;
  overflow:clip!important;
  background:#f1f5fa!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page #hlrnRaceDayHome{
  background:#070b13!important;
}

/* Every pixel below the logo is painted from this one source.
   It is deliberately viewport-filling so that even the very
   bottom of the results and championship panels has racetrack art. */
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home30-full-backdrop{
  position:fixed!important;
  display:block!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:0!important;
  pointer-events:none!important;
  transform:none!important;
  background-color:#07101b!important;
  background-image:
    linear-gradient(180deg,rgba(4,8,15,.17),rgba(4,8,15,.45)),
    url("./HLRN-Homepage-Night-Full-Background.webp?v=20261029seamfree8")!important;
  background-position:center,center!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat,no-repeat!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home30-full-backdrop{
  background-color:#eaf3fb!important;
  background-image:
    linear-gradient(180deg,rgba(250,253,255,.12),rgba(250,253,255,.36)),
    url("./HLRN-Homepage-Day-Full-Background.webp?v=20261029seamfree8")!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home30-full-backdrop{
  background-color:#07101b!important;
  background-image:
    linear-gradient(180deg,rgba(4,8,15,.17),rgba(4,8,15,.45)),
    url("./HLRN-Homepage-Night-Full-Background.webp?v=20261029seamfree8")!important;
}

/* Transparent logos, directly on top of the ONE continuous racetrack photo.
   No second photographed sky, no radial photo blending, no repeated HLRN logo.
   These real RGBA PNGs are already uploaded under assets/homepage-art.
   Logo layer is ABSOLUTE in document coordinates so it scrolls away. */
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene{
  display:block!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:clamp(220px,31vw,445px)!important;
  z-index:1!important;
  pointer-events:none!important;
  transform:none!important;
  opacity:1!important;
  background-color:transparent!important;
  background-image:url("./Glossy%20HLRN%20Racing%20Network%20Logo.png?v=20261103restore1")!important;
  background-size:min(72vw,990px) auto!important;
  background-position:center 30px!important;
  background-repeat:no-repeat!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene{
  background-image:url("./Glossy%20HLRN%20Racing%20Network%20Logo.png?v=20261103restore1")!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene{
  background-image:url("./HLRN%20Metallic%20Racing%20Network%20Logo.png?v=20261103restore1")!important;
}

/* Real content above both image layers. Never repaint the page
   sections with opaque gray or dark rectangles. */
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > :is(header.h10-hero,nav.home30-shortcuts,section.h10-info,main,footer.h10-footer){
  position:relative!important;
  z-index:2!important;
}
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > :is(header.h10-hero,main){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > main > .h10-section{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > main > .h10-section:nth-of-type(even){
  background:rgba(255,255,255,.12)!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > main > .h10-section:nth-of-type(even){
  background:rgba(5,9,16,.13)!important;
}
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > main:before{
  opacity:.04!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > section.h10-info{
  background:rgba(255,255,255,.16)!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > section.h10-info{
  background:rgba(5,9,16,.20)!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > footer.h10-footer{
  background:rgba(255,255,255,.74)!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > footer.h10-footer{
  background:rgba(6,12,20,.78)!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-info-item{
  background:rgba(255,255,255,.82)!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .h10-info-item{
  background:rgba(9,15,24,.79)!important;
}

/* Readable shortcut labels in both themes, even though the older
   shared stylesheet colors <strong> black in Day Mode. */
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .home30-shortcut strong,
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome .home30-shortcut small{
  color:#fff!important;
  text-shadow:0 1px 7px rgba(0,0,0,.75)!important;
}

/* Keep a clear opening for the top logo, without inserting a banner. */
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero{
  min-height:0!important;
  margin-top:0!important;
  padding-top:0!important;
  padding-bottom:15px!important;
}

/* The original automatic racing takeover continues to control the
   homepage on race nights. */
html body.home-v10-page.rn-active #hlrnRaceDayHome > :is(.home30-full-backdrop,.home33-top-logo-scene){
  display:none!important;
}
@media(max-width:980px){
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero{
    padding-top:0!important;
  }
  html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene{
    height:clamp(200px,34vw,340px)!important;
    background-size:72vw auto!important;
    background-position:center 25px!important;
  }
}
@media(max-width:650px){
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero{
    padding-top:0!important;
  }
  html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene{
    height:clamp(155px,45vw,265px)!important;
    background-size:92vw auto!important;
    background-position:center 14px!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}


/* ===============================================================
   HLRN COMPACT LOGO HEADER — remove oversized empty sky
   The transparent logo PNG has substantial clear space above its
   visible lettering. Shift the image upward inside the existing
   absolute scene and reduce the hero's reserved top padding.
   Logo still scrolls naturally; background, panels, nav, data and
   automatic Race Night takeover are not modified.
   =============================================================== */
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
  min-height:0!important;
  height:auto!important;
  margin-top:0!important;
  padding-top:0!important;
  padding-bottom:13px!important;
}
html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
  height:310px!important;
  background-size:min(72vw,840px) auto!important;
  background-position:center -240px!important;
}
@media (min-width:651px) and (max-width:1050px) {
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
    padding-top:0!important;
  }
  html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
    height:clamp(275px,36vw,345px)!important;
    background-size:min(76vw,760px) auto!important;
    background-position:center -16vw!important;
  }
}
@media (max-width:650px) {
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
    padding-top:0!important;
    padding-bottom:12px!important;
  }
  html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
    height:clamp(188px,45vw,285px)!important;
    background-size:min(92vw,530px) auto!important;
    background-position:center -15vw!important;
  }
}

/* ==============================================================
   HLRN LOGO VISIBILITY FIX V2
   Restore the transparent PNG after an overly aggressive negative
   background offset hid it entirely. Crop the surrounding sky more
   conservatively. No alteration to logo assets or card styling.
   ============================================================== */
@media (min-width:1051px) {
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
    padding-top:0!important;
  }
  html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
    height:515px!important;
    background-size:min(72vw,920px) auto!important;
    background-position:center -70px!important;
  }
}
@media (min-width:651px) and (max-width:1050px) {
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
    padding-top:0!important;
  }
  html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
    height:clamp(335px,47vw,440px)!important;
    background-size:min(85vw,790px) auto!important;
    background-position:center -38px!important;
  }
}
@media (max-width:650px) {
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
    padding-top:0!important;
  }
  html body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
    height:clamp(190px,55vw,290px)!important;
    background-size:96vw auto!important;
    background-position:center 0px!important;
  }
}


/* ==============================================================
   HLRN SMART-CROPPED COMPACT LOGO — activated ONLY after successful
   alpha measurement by smart-logo-crop.js. Prior known-visible
   logo layout remains the fallback if JS or image loading fails.
   ============================================================== */
html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
  min-height:0!important;
  height:auto!important;
  margin-top:0!important;
  padding-top:0!important;
  padding-bottom:12px!important;
}
html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene.hlrn-logo-cropped {
  top:0!important;
  height:225px!important;
  background-image:none!important;
  background-color:transparent!important;
  background-size:auto!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
@media (min-width:651px) and (max-width:1050px) {
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
    padding-top:0!important;
  }
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene.hlrn-logo-cropped {
    height:190px!important;
  }
}
@media (max-width:650px) {
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
    padding-top:0!important;
    padding-bottom:10px!important;
  }
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene.hlrn-logo-cropped {
    height:145px!important;
  }
}

/* HLRN NOVEMBER 2026 PANORAMIC MASTHEAD: original selected day/night artwork.
   Keep the full wide logo visible with no old transparent-logo crop offsets. */
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
  top:0!important;
  height:clamp(112px,18.5vw,350px)!important;
  background-size:min(96vw,1920px) auto!important;
  background-position:center clamp(3px,0.75vw,14px)!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 3%,black 97%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,black 3%,black 97%,transparent 100%)!important;
}
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
  padding-top:0!important;
}
@media (max-width:650px) {
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
    height:clamp(80px,20vw,128px)!important;
    background-size:98vw auto!important;
    background-position:center 6px!important;
  }
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
    padding-top:0!important;
  }
}


/* 2026-11-03 — Original HLRN logo restored correctly.
   The old full-page art contained a giant baked-in logo. Use the
   existing unbranded race-week photo panels instead; put the
   transparent logo in real <img> elements, never a stretched background.
   Race Night takeover is intentionally excluded. */
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home30-full-backdrop {
  background-image:
    linear-gradient(180deg,rgba(248,252,255,.16),rgba(248,252,255,.33)),
    url("./HLRN-Race-Week-Panel-Day.webp?v=20261103nobrand4")!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home30-full-backdrop {
  background-image:
    linear-gradient(180deg,rgba(4,8,15,.12),rgba(4,8,15,.42)),
    url("./HLRN-Race-Week-Panel-Night.webp?v=20261103nobrand4")!important;
}
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:1!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  height:auto!important;
  min-height:0!important;
  padding:16px 12px 0!important;
  background:none!important;
  background-image:none!important;
  overflow:visible!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  pointer-events:none!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene,
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
  background:none!important;
  background-image:none!important;
}
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene > img {
  display:none!important;
  width:min(74vw,800px)!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:3 / 1!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  filter:none!important;
}
html[data-hlrn-theme="light"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene > img.hlrn-original-logo-day {
  display:block!important;
}
html[data-hlrn-theme="dark"] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene > img.hlrn-original-logo-night {
  display:block!important;
}
html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
  padding-top:0!important;
}
@media(max-width:650px) {
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene {
    padding:10px 6px 0!important;
  }
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene > img {
    width:94vw!important;
  }
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero {
    padding-top:0!important;
  }
}

/* One authoritative masthead layout for both initial load and the older
   smart-logo-crop activated state. Do not translate the entire scene outside
   the clipped homepage; position both static and dynamically cropped logos. */
@media(min-width:1051px){
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene,
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene.hlrn-logo-cropped{
    top:0!important;
    transform:none!important;
    padding:0 12px!important;
    min-height:0!important;
  }
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene > img{
    transform:translateY(-80px)!important;
  }
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero,
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > header.h10-hero{
    padding-top:0!important;
  }
}
@media(min-width:651px) and (max-width:1050px){
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene,
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene.hlrn-logo-cropped{
    top:0!important;
    transform:none!important;
    padding:0 10px!important;
  }
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene > img{
    transform:translateY(-42px)!important;
  }
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero,
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > header.h10-hero{
    padding-top:0!important;
  }
}
@media(max-width:650px){
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene,
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene.hlrn-logo-cropped{
    top:0!important;
    transform:none!important;
    padding:0 6px!important;
  }
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene > img{
    transform:translateY(-15px)!important;
  }
  html[data-hlrn-theme] body.home-v10-page:not(.rn-active) #hlrnRaceDayHome > header.h10-hero,
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > header.h10-hero{
    padding-top:0!important;
  }
}

/* Canonical alpha-cropped logo layout, activated only after the logo has
   loaded and its real nontransparent bounds have been measured.
   The original CSS/IMG remains a fallback if loading or canvas fails. */
html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene.hlrn-logo-cropped{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:245px!important;
  min-height:0!important;
  padding:0!important;
  transform:none!important;
  overflow:hidden!important;
  background:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > header.h10-hero{
  padding-top:0!important;
  min-height:0!important;
}
html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene.hlrn-logo-cropped > img{
  transform:none!important;
  margin:0!important;
  padding:0!important;
  filter:none!important;
}
@media(min-width:651px) and (max-width:1050px){
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene.hlrn-logo-cropped{
    height:200px!important;
  }
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > header.h10-hero{
    padding-top:0!important;
  }
}
@media(max-width:650px){
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > .home33-top-logo-scene.hlrn-logo-cropped{
    height:134px!important;
  }
  html[data-hlrn-theme] body.home-v10-page.hlrn-logo-smart-active:not(.rn-active) #hlrnRaceDayHome > header.h10-hero{
    padding-top:0!important;
  }
}