/* The Smarter Podcast — responsive overrides (mobile-friendly) */

/* Tablet & below: collapse multi-column layouts */
@media (max-width: 980px) {
  .r-hero      { grid-template-columns: 1fr !important; gap: 40px !important; padding-top: 60px !important; padding-bottom: 60px !important; }
  .r-spotlight { grid-template-columns: 1fr !important; gap: 34px !important; padding: 40px !important; }
  .r-newsfeat  { grid-template-columns: 1fr !important; }
  .r-eplayer   { grid-template-columns: 1fr !important; gap: 24px !important; }
  .r-contact   { grid-template-columns: 1fr !important; }
  .r-2col      { grid-template-columns: 1fr !important; }
  .r-3col      { grid-template-columns: 1fr 1fr !important; }
  .r-4col      { grid-template-columns: 1fr 1fr !important; }
}

/* Phone */
@media (max-width: 640px) {
  .r-3col { grid-template-columns: 1fr !important; }

  /* hero */
  .r-hero      { padding-left: 20px !important; padding-right: 20px !important; gap: 30px !important; }
  .r-spotlight { padding: 26px !important; }
  .r-eplayer   { padding: 24px !important; }

  /* episode rows: art + text on row 1, play button full-width row 2 */
  .r-eprow      { grid-template-columns: 60px 1fr !important; gap: 8px 16px !important; }
  .r-eprow-play { grid-column: 1 / -1 !important; justify-self: start !important; }

  /* navigation: stack logo above wrapped, centered links */
  .r-navwrap  { flex-direction: column !important; gap: 12px !important; }
  .r-navwrap img { width: 150px !important; }
  .r-navlinks { gap: 14px 18px !important; flex-wrap: wrap !important; justify-content: center !important; }
}

/* Fluid headline scaling (smooth across all widths) */
.r-f62 { font-size: clamp(33px, 8vw,   62px) !important; }
.r-f52 { font-size: clamp(30px, 6.6vw, 52px) !important; }
.r-f48 { font-size: clamp(29px, 6.2vw, 48px) !important; }
.r-f44 { font-size: clamp(28px, 6vw,   44px) !important; }
.r-f40 { font-size: clamp(27px, 5.6vw, 42px) !important; }
.r-f38 { font-size: clamp(26px, 5.2vw, 38px) !important; }
.r-f34 { font-size: clamp(25px, 4.8vw, 34px) !important; }