/* Lobby Talk — responsive overrides. All layout at ≤768px. */

@media (max-width: 768px) {

  /* ── Hero ──────────────────────────────────────────────── */
  .lt-hero-section {
    padding: 52px 24px 0 !important;
  }
  /* Shrink the three hero CTAs on mobile so they feel like buttons,
     not banner blocks. Tighter padding + smaller type + looser tracking. */
  .lt-hero-section .lt-btn-fill {
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    padding: 11px 14px !important;
  }

  /* ── Episodes ──────────────────────────────────────────── */
  .lt-ep-section {
    padding: 64px 20px 80px !important;
  }
  .lt-ep-title-row {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .lt-ep-featured-grid {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .lt-ep-featured-thumb {
    aspect-ratio: 16/9 !important;
    height: auto !important;
  }
  .lt-ep-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .lt-ep-archive {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: flex-start !important;
  }

  /* ── Name That Flag ────────────────────────────────────── */
  .lt-flag-section {
    padding: 64px 20px 64px !important;
  }
  .lt-flag-inner {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  /* ── Name That Flag game card internals ───────────────── */
  .lt-flag-inner .lt-ntf-options {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .lt-flag-inner .lt-ntf-brand-name {
    font-size: 28px !important;
  }

  /* ── Newsletter ────────────────────────────────────────── */
  .lt-newsletter-section {
    padding: 64px 20px 64px !important;
  }
  .lt-newsletter-head {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin-bottom: 40px !important;
  }
  .lt-newsletter-services {
    grid-template-columns: 1fr !important;
  }
  .lt-newsletter-services > * {
    padding-right: 0 !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(242, 214, 196, 0.22);
    padding-bottom: 28px !important;
  }
  .lt-newsletter-services > *:last-child {
    border-bottom: none;
  }
  .lt-newsletter-cta {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 24px !important;
  }
  .lt-newsletter-cta button {
    width: 100% !important;
  }

  /* ── Work With Us ──────────────────────────────────────── */
  .lt-wwu-section {
    padding: 52px 20px 64px !important;
  }
  .lt-wwu-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .lt-wwu-input-row {
    grid-template-columns: 1fr !important;
  }

  /* ── Footer ────────────────────────────────────────────── */
  .lt-footer {
    padding: 52px 20px 28px !important;
  }
  .lt-footer-top {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .lt-footer-cols {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }
}