/* Shows — page-shows.php */

/* Hero mechanics (full-bleed image, overlay, sizing, the on-air-now
   accessory grid and its >=960px column ratio) come from the shared
   ../hero.css; this page only needs its own heading size. */
.sfm-shows-hero .sfm-hero__heading { font-size: clamp(1.6rem, 3.5vw, 2.3rem); }

.sfm-featured-show__excerpt { font-size: 0.85rem; color: var(--sfm-gray-600); margin-bottom: 0.75rem; }

.sfm-grid--trending { grid-template-columns: 1fr; gap: 2rem; }
@media (min-width: 960px) {
    .sfm-grid--trending { grid-template-columns: 2.4fr 1fr; }
}