/* Responsive refinements shared by the homepage and episode pages.
   Desktop styles above 1024px remain owned by each page. */
@media (min-width: 769px) and (max-width: 1024px) {
  .nav__inner { padding-inline: 24px; gap: 24px; }
  .nav__logo { margin-left: 0; min-width: 0; }
  .nav__logo-desktop { max-width: 240px; height: auto !important; }
  .nav__links { gap: 16px; flex-shrink: 0; }
  .nav__links a { font-size: 15px; }
  .nav__cta { padding: 10px 16px; }
  .hero { padding-top: 132px; padding-bottom: 80px; }
  .episodes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .nav__inner { gap: 16px; }
  .nav__logo { margin-left: 0; flex-shrink: 0; }
  .nav__left-mobile { min-width: 0; gap: 12px; }
  .nav__hamburger { width: 44px; height: 44px; flex-shrink: 0; justify-content: center; }
  .nav__mobile-cta { min-height: 44px; display: inline-flex; align-items: center; }
  .nav__links.open { max-height: calc(100dvh - 69px); overflow-y: auto; overscroll-behavior: contain; }
  .hero__inner { gap: 24px; }
  .hero__inner > *, .about__grid > *, .ebook__split > *, .guest__split > * { min-width: 0; }
  .hero__badge { margin-bottom: 20px; }
  .hero__desc { margin-bottom: 0; font-size: 16px; line-height: 1.65; }
  .cover-art { padding: 0; }
  .cover-art img { border-radius: inherit !important; }
  .hero__actions a { min-height: 48px; justify-content: center; }
  .about__stats { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .about__stat { min-width: 0; padding: 20px 12px; }
  .about__stat h3 { font-size: clamp(23px, 5vw, 32px); }
  .hosts-stat:last-child { grid-column: 1 / -1; }
  .hosts-stat h3 { font-size: 26px; }
  .episodes__grid, .learn__grid, .speakers-grid { width: 100%; }
  .episode-card, .speaker-card, .key-point__text, .timestamp__label { min-width: 0; overflow-wrap: anywhere; }
  .ebook__form { margin-inline: auto; }
  .guest__form-card iframe, .ebook__form iframe { max-width: 100%; }
  .btn-primary, .btn-secondary, .ep-cta__btn { max-width: 100%; text-align: center; }
  .btn-primary svg, .ep-cta__btn svg { flex-shrink: 0; }
}
@media (max-width: 480px) {
  .hero { padding-top: 100px; }
  .hero__title { font-size: clamp(30px, 8.5vw, 36px); line-height: 1.15; }
  .hero__actions--mobile { width: 100%; max-width: 360px; margin-inline: auto; gap: 12px; }
  .section__title, .ebook__title { font-size: 28px; }
  .episode-card__body, .speaker-info { padding: 20px; }
  .ep-hero__title { font-size: clamp(26px, 7vw, 32px); overflow-wrap: anywhere; }
  .ep-hero__meta { gap: 8px 12px; }
  .ep-body blockquote { padding: 16px; }
  .key-point { gap: 12px; }
  .timestamp__time { flex-shrink: 0; }
  .cta-banner .btn-primary { padding-inline: 20px !important; width: 100%; }
  .footer { padding-inline: 20px; }
}