/* ARCH03.2: Top Zone rules moved to homepage-top-zone.css. Shared/downstream rules retained. */
/* DTV-PAGE08R Correction 02 — broadcast progress, Live state/date precision, show consistency and runtime containment. */

/* Fix the authoritative Live selector: template exposes data-state, not data-live-state. */
body.home [data-dtv-homepage="ux10"] .dtv-g3-live[data-state="idle"]{
  box-shadow:0 10px 28px rgba(16,41,71,.11);
}
body.home [data-dtv-homepage="ux10"] .dtv-g3-live[data-state="idle"] .dtv-g3-live__status{letter-spacing:.095em}
body.home [data-dtv-homepage="ux10"] .dtv-g3-live[data-state="idle"] .dtv-g3-live__watch{display:none!important}

/* Hero numbers read as timed broadcast slots, with one clean progress rail per slot. */







@keyframes dtv-page08r02-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Live calendar: make day / number / month read as three intentional tokens. */
body.home [data-dtv-homepage="ux10"] .dtv-g3-live__date time{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
body.home [data-dtv-homepage="ux10"] .dtv-g3-live__date time :is(span,strong,small){display:block;margin:0;white-space:nowrap}
body.home [data-dtv-homepage="ux10"] .dtv-g3-live__date time small{letter-spacing:.09em}

/* Now-on-network is a compact live pulse, visually distinct from the editorial latest-news column. */
body.home [data-dtv-homepage="ux10"] .dtv-g3-ticker{border-top:1px solid rgba(227,6,19,.18)}
body.home [data-dtv-homepage="ux10"] .dtv-g3-ticker__viewport li>a{position:relative}
body.home [data-dtv-homepage="ux10"] .dtv-g3-ticker__viewport li>a:before{content:"";position:absolute;left:10px;top:50%;width:5px;height:5px;border-radius:50%;background:#e30613;transform:translateY(-50%)}
body.home [data-dtv-homepage="ux10"] .dtv-g3-ticker__viewport li>a{padding-left:24px!important}

/* Shows: configured brands without episode/schedule are intentionally branded, not visually incomplete. */
body.home [data-dtv-homepage="ux10"] .dtv-g6-shows li.is-show-brand>a{background:linear-gradient(180deg,#f7f9fc,#eef3f8)}
body.home [data-dtv-homepage="ux10"] .dtv-g6-shows li.is-show-brand .dtv-page08-show-media{background:linear-gradient(135deg,#0b2542,#163d68)}
body.home [data-dtv-homepage="ux10"] .dtv-g6-shows li.is-show-brand>a>strong{margin-top:12px}
body.home [data-dtv-homepage="ux10"] .dtv-g6-shows li.is-show-programme>a>small{font-weight:800;letter-spacing:.06em}

/* Runtime surfaces are inert to page layout whenever closed, including aria-hidden state. */
body.home :is([data-dtv-quick-live-modal],[data-dtv-menu-modal],[data-dtv-video-modal])[aria-hidden="true"],
body.home :is(.dtv-video-modal,.dtv-quick-live,.dtv-menu-modal)[aria-hidden="true"]{display:none!important}

@media(max-width:767px){
  body.home [data-dtv-homepage="ux10"] .dtv-g3-live[data-state="idle"] .dtv-g3-live__identity{min-height:126px}
  body.home [data-dtv-homepage="ux10"] .dtv-g3-live[data-state="idle"] .dtv-g3-live__next{min-height:96px}
  
  
  body.home [data-dtv-homepage="ux10"] .dtv-g3-ticker__viewport li>a:before{left:7px}
  body.home [data-dtv-homepage="ux10"] .dtv-g3-ticker__viewport li>a{padding-left:19px!important}
}