.live-tv-listing { padding-top: 24px; padding-bottom: 32px; }
.live-tv-listing h1 { font-size: 28px; margin: 0 0 20px; }
.live-tv-listing h2 { font-size: 22px; margin: 24px 0 16px; }
.live-tv-categories, .live-tv-pagination { display: flex; flex-wrap: wrap; gap: 8px; }
.live-tv-categories a, .live-tv-pagination a, .live-tv-pagination span { padding: 8px 12px; border: 1px solid currentColor; border-radius: 4px; }
.live-tv-categories [aria-current], .live-tv-pagination [aria-current] { background: var(--primary-color, #0088cc); color: #111; }
.live-tv-listing a:focus-visible { outline: 3px solid var(--primary-color, #0088cc); outline-offset: 3px; }
.live-tv-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.live-tv-card { position: relative; min-width: 0; margin: 0; }
.live-tv-card a { display: block; }
.live-tv-card img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #f5f5f5; }
.live-tv-card figcaption { padding: 8px 0; overflow-wrap: anywhere; }
.live-tv-pagination { margin-top: 24px; align-items: center; }
.live-tv-loading { min-height: 24px; margin-top: 12px; }
.live-tv-listing[aria-busy="true"] .live-tv-results { opacity: .65; }
.live-tv-ad { padding: 20px 0; }
@media (max-width: 991px) { .live-tv-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .live-tv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .live-tv-listing h1 { font-size: 24px; } }