/* ═══ MOBILE OVERRIDES ═════════════════════════════════════
   Phone-only rules. Desktop stays untouched.
   ═══════════════════════════════════════════════════════════ */

/* Wrapper for section anchors — invisible on desktop */
.nav-section-links { display: contents; }

@media (max-width: 640px) {

  /* ─── NAV ─────────────────────────────────────────────── */
  .nav-section-links {
    display: none;
  }

  /* ─── HERO ────────────────────────────────────────────── */
  .hero { padding: 56px 20px 48px; }
  .hero-inner { gap: 40px; }
  .hero-byline { font-size: 20px; margin-bottom: 24px; }
  .hero-lead { font-size: 17px; margin-bottom: 32px; }
  .hero-lead br { display: none; }
  .hero-cta { flex-direction: column; }
  .hero-cta .btn { width: 100%; text-align: center; justify-content: center; }

  .author-card { width: 100%; }
  .author-avatar { width: 56px; height: 56px; }
  .author-body p { font-size: 15px; }

  /* ─── SECTIONS ────────────────────────────────────────── */
  .page-section { padding-top: 64px; padding-bottom: 64px; }

  /* ─── COURSE FOCUS ────────────────────────────────────── */
  .focus-header { gap: 20px; margin-bottom: 32px; }
  .focus-aside { padding: 16px 18px; }

  /* ─── AUDIENCE ────────────────────────────────────────── */
  .audience-layout { gap: 40px; }
  .audience-cta-card .btn { width: 100%; text-align: center; justify-content: center; }

  /* ─── PRICING ─────────────────────────────────────────── */
  .pricing-card { padding: 22px 18px; }
  .plan-price { font-size: 36px; letter-spacing: -2px; }
  .plan-cta { width: 100%; }

  /* ─── WORKFLOW ────────────────────────────────────────── */
  .workflow-header-row { gap: 24px; margin-bottom: 32px; }
  .tl-step-label { font-size: 9px; }
  .tl-step-dur { font-size: 12px; }
  .tl-desc { padding-bottom: 24px; }

  /* ─── CURRICULUM ──────────────────────────────────────── */
  .curriculum-lead { margin-bottom: 40px; }
  .step-block { grid-template-columns: 1fr; gap: 16px 0; margin-bottom: 36px; }
  .step-info { display: flex; align-items: baseline; gap: 12px; }
  .step-idx { margin-bottom: 0; }
  .module-card { padding: 18px 16px; }
  .curriculum-summary { padding: 22px 18px; margin-top: 40px; }

  /* ─── VIZ DIVIDER ─────────────────────────────────────── */
  .viz-divider { margin: 36px 0; }
  .viz-divider-label { font-size: 8px; letter-spacing: 0.8px; }

  /* ─── FOOTER ──────────────────────────────────────────── */
  .footer { padding: 40px 20px 24px; }
  .footer-inner { gap: 32px; margin-bottom: 32px; }
  .footer-brand p { font-size: 14px; }
  .footer-bottom { gap: 2px; }
  .footer-bottom p { font-size: 10px; }
}