/* Home — front-page.php */

/* Home-specific hero overrides on top of the shared mechanics in
   ../hero.css (the on-air-now/copy split grid and its >=960px column
   ratio are the shared default, used as-is here): the Malayalam heading
   needs its own font/size. */
.sfm-hero__heading {
    font-family: var(--sfm-font-malayalam);
    font-size: clamp(1.3rem, 3vw, 1.9rem);
    color: var(--sfm-navy-900);
    max-width: 14em;
}
.sfm-hero__lede { font-size: 0.95rem; max-width: 30em; }

/* --- Today on Air / Featured Shows / RJs / Podcasts sections use shared
   .sfm-section, .sfm-todayonair, .sfm-scroller, .sfm-grid utilities. */

/* --- newsletter / app download band ----------------------------------------- */
.sfm-cta-band .sfm-grid--2 { gap: 1.5rem; }
.sfm-cta-card {
    background: var(--sfm-bg-blue-50);
    border-radius: var(--sfm-radius-lg);
    padding: 1.75rem;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}
.sfm-cta-card h3 { font-size: 1.1rem; margin-bottom: 0.35rem; }
.sfm-cta-card p { font-size: 0.88rem; }
.sfm-cta-card .sfm-stat__icon { background: var(--sfm-white); }