/* Module 5.1: approved compact TV Shows overview. All styles scoped to this module. */
.tvshows-v2{padding-bottom:16px}.tvshows-v2 .container{width:min(1370px,calc(100% - 44px));margin-inline:auto}.tvshows-crumb{font-size:12px;padding:9px 0;color:#dce8f3}.tvshows-crumb a{color:#e6f1fa}.tvshows-crumb span{color:var(--blue);margin:0 10px}
.tvshows-hero{background:linear-gradient(95deg,rgba(3,26,46,.97),rgba(5,35,58,.9) 70%,rgba(7,43,71,.78));border-top:1px solid #104363;border-bottom:1px solid #175375;min-height:112px}.tvshows-hero-inner{display:flex;align-items:center;gap:18px;padding-block:13px}.tvshows-hero-icon{display:grid;place-items:center;flex:none;color:#04aafa;font-size:54px;line-height:1}.tvshows-hero h1{font-size:clamp(30px,3.5vw,48px);margin:0 0 3px;line-height:1.02}.tvshows-lead{font-size:16px;font-weight:700;margin:0}.tvshows-sublead{font-size:13px;margin:1px 0 0;color:#cedfeb}
.tvshows-workspace{display:grid;grid-template-columns:242px minmax(0,1fr);gap:18px;padding-top:9px}.tvshows-sidebar{min-width:0}.tvshows-filter-box{border:1px solid #0d547b;border-radius:4px;padding:6px 5px;margin-bottom:9px;background:#052036}.tvshows-filter-box h2{font-size:15px;color:#0db8f8;margin:0 7px 7px}.tvshows-filter-list{display:flex;flex-direction:column;max-height:340px;overflow:auto}.tvshows-filter-list a{display:flex;align-items:center;gap:9px;padding:7px 10px;font-size:12px;color:#eef7ff;min-height:32px;border-bottom:1px solid #10415e}.tvshows-filter-list a:last-child{border-bottom:0}.tvshows-filter-list a:hover,.tvshows-filter-list a.is-active{background:#079df0;color:#fff;text-decoration:none}.tvshows-network-mark{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf6fb;color:#052139;font-size:10px;font-weight:900;letter-spacing:-.06em}
.tvshows-main{min-width:0}.tvshows-toolbar{display:flex;min-height:43px;border:1px solid #0b537d;border-radius:4px;overflow:auto;scrollbar-width:thin}.tvshows-toolbar a{flex:1 0 auto;display:grid;place-items:center;text-align:center;min-width:97px;padding:8px 10px;border-right:1px solid #174865;background:#062139;color:#fff;font-size:12px;white-space:nowrap}.tvshows-toolbar a:last-child{border-right:0}.tvshows-toolbar a.is-active,.tvshows-toolbar a:hover{background:#069fee;color:#fff;text-decoration:none}.tvshows-letters{display:flex;margin-top:8px;overflow-x:auto;border:1px solid #0d547b;border-radius:4px;scrollbar-width:thin}.tvshows-letters a{flex:1 0 27px;min-width:27px;text-align:center;padding:7px 5px;color:#e3eff8;border-right:1px solid #14516f;font-size:12px}.tvshows-letters a:first-child{flex-basis:47px}.tvshows-letters a:last-child{border-right:0}.tvshows-letters a.is-active,.tvshows-letters a:hover{background:#069feb;color:white;text-decoration:none}.tvshows-result-count{font-size:12px;margin:12px 2px 9px;color:#f3f7fb}
.tvshows-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.tvshows-tile{overflow:hidden;border:1px solid #125579;background:#061d31;border-radius:4px;min-width:0}.tvshows-tile-image{display:block;aspect-ratio:1.95/1;overflow:hidden;background:linear-gradient(130deg,#1a4c70,#081e34)}.tvshows-tile-image img{display:block;width:100%;height:100%;object-fit:cover}.tvshows-image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#1ab9fb}.tvshows-image-placeholder span{color:#f77b20}.tvshows-tile-footer{display:flex;align-items:center;gap:7px;min-height:54px;padding:5px 7px;color:#f7fbff}.tvshows-tile-footer:hover{text-decoration:none;background:#0a314d}.tvshows-tile-footer .tvshows-network-mark{width:28px;height:28px}.tvshows-tile-details{min-width:0;display:flex;flex-direction:column;line-height:1.25;flex:1}.tvshows-tile-details strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tvshows-tile-details small{color:#c3d8e8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tvshows-tile-chevron{font-size:23px;color:#00b9fb}.tvshows-message{padding:30px 15px;background:#082c47;border:1px solid #155374;border-radius:4px}.tvshows-pages{display:flex;align-items:center;justify-content:center;gap:13px;padding:15px 0;font-size:12px}.tvshows-pages a{background:#063d60;border:1px solid #155f89;border-radius:4px;padding:6px 12px}.tvshows-bottom-ad{display:flex;justify-content:center;margin-top:13px}.tvshows-bottom-ad .ad-wide{max-width:970px;width:100%}
@media(max-width:1300px){.tvshows-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.tvshows-workspace{grid-template-columns:190px minmax(0,1fr)}.tvshows-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.tvshows-v2 .container{width:calc(100% - 24px)}.tvshows-hero{min-height:auto}.tvshows-hero-inner{gap:10px;padding-block:12px}.tvshows-hero-icon{font-size:34px}.tvshows-lead{font-size:13px}.tvshows-sublead{font-size:12px}.tvshows-workspace{display:flex;flex-direction:column}.tvshows-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tvshows-filter-box{margin:0}.tvshows-filter-list{max-height:150px}.tvshows-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tvshows-toolbar a{font-size:11px}.tvshows-bottom-ad .ad-wide{max-width:100%}}
@media(max-width:390px){.tvshows-sidebar{grid-template-columns:1fr}.tvshows-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tvshows-tile-footer{gap:4px;padding:5px}.tvshows-tile-footer .tvshows-network-mark{width:22px;height:22px;font-size:9px}.tvshows-tile-details strong{font-size:11px}}

/* Center the 970 × 90 slot under the TV Shows header, above filter controls. */
.tvshows-header-ad{display:flex;align-items:center;justify-content:center;min-height:100px;max-width:100%;margin:9px auto 6px}
.tvshows-header-ad .ad-wide{width:min(970px,100%);max-width:970px}
@media(max-width:720px){.tvshows-header-ad{min-height:0;margin:8px auto}.tvshows-header-ad .ad-wide{max-width:100%}}

/* Ad follows the same grid column as show filters; the broadcaster sidebar
   starts directly under the header rather than beneath a full-width ad. */
.tvshows-main > .tvshows-header-ad { width:100%;margin:0 0 10px;min-height:90px; }
.tvshows-main > .tvshows-header-ad > * { max-width:100%; }
@media (max-width:720px) {
  .tvshows-main > .tvshows-header-ad { min-height:0;margin:0 0 10px; }
}