/* News & Stories — page-news-stories.php */

/* Hero mechanics (full-bleed image, overlay, sizing) come from the shared
   ../hero.css; this page only needs its own heading size. */
.sfm-news-hero .sfm-hero__heading { font-size: clamp(1.6rem, 3.5vw, 2.3rem); }

.sfm-featured-story { display: grid; grid-template-columns: 1fr; gap: 1.5rem; padding: 1.5rem; }
.sfm-featured-story__media { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: var(--sfm-radius-md); overflow: hidden; }
.sfm-featured-story__body h2 { font-size: 1.4rem; margin: 0.35rem 0 0.5rem; }
@media (min-width: 800px) {
    .sfm-featured-story { grid-template-columns: 1.1fr 1fr; align-items: center; }
}

/* .sfm-event-card itself moved to components.css — event-card.php is now
   used on both this page and page-events.php's standalone Events listing. */