/* === Responsive Breakpoints === */

@media (max-width: 768px) {
  .header-nav { display: none; }
  .hamburger { display: block; }

  .hero h1 { font-size: 1.9rem; }
  .hero .subtitle { font-size: 1.05rem; }
  .hero-artwork { width: 160px; height: 160px; }

  .episode-grid { grid-template-columns: 1fr; }

  .ep-title { font-size: 1.6rem; }

  .subscribe-box { padding: 1.25rem; }
  .rss-url-row { flex-direction: column; }
  .rss-url-input { width: 100%; }
  .copy-btn { width: 100%; text-align: center; }
}

@media (max-width: 480px) {
  body { font-size: 16px; }
  .hero h1 { font-size: 1.5rem; }
  .container { padding: 0 1rem; }
  .episode-card { padding: 1rem; }
}