/* Shared mobile overrides for all footer pages */
@media (max-width: 768px) {

  /* Hero */
  .page-hero { padding: 100px 20px 52px !important; }
  .page-hero h1 { font-size: 30px !important; letter-spacing: -0.5px !important; line-height: 1.15 !important; }
  .page-hero p { font-size: 16px !important; }
  .hero-ctas { flex-direction: column; align-items: stretch !important; }
  .hero-ctas .btn { width: 100%; justify-content: center; }

  /* Nav */
  .nav-links, .nav-right { display: none !important; }
  .hamburger { display: block !important; }
  [data-theme="dark"] .mobile-menu { background: rgba(15,14,12,0.96); }

  /* Typography */
  .section-title { font-size: 26px !important; letter-spacing: -0.5px !important; }
  .section { padding: 52px 20px !important; }

  /* Feature & stat grids */
  .feature-grid { grid-template-columns: 1fr !important; }
  .stat-grid { grid-template-columns: 1fr !important; }
  .feature-grid-2 { grid-template-columns: 1fr !important; }

  /* Split / two-column layouts */
  .earnings-split { grid-template-columns: 1fr !important; }
  .split { grid-template-columns: 1fr !important; }

  /* CTA banners */
  .cta-banner { padding: 40px 20px !important; border-radius: 14px !important; }
  .cta-banner h2 { font-size: 24px !important; }
  .cta-banner .btn { width: 100%; justify-content: center; }

  /* Contact page */
  .contact-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  .form-row { grid-template-columns: 1fr !important; }
  .form-card { padding: 24px !important; }

  /* Docs pages (developer-guide, api-docs, webhooks) */
  .docs-layout { grid-template-columns: 1fr !important; }
  .docs-sidebar { display: none !important; }
  .docs-content h2 { font-size: 22px !important; margin-top: 36px !important; }
  pre { font-size: 12px !important; padding: 14px !important; border-radius: 8px !important; }

  /* Changelog */
  .cl-entry { grid-template-columns: 1fr !important; gap: 12px !important; }
  .cl-meta { padding-bottom: 0 !important; border-right: none !important; border-bottom: 1px solid var(--border); padding-bottom: 16px !important; }

  /* Case studies */
  .cs-metrics { grid-template-columns: 1fr !important; gap: 12px !important; }
  .cs-card { padding: 24px !important; }

  /* Pricing table */
  .pricing-row { flex-direction: column; gap: 4px; align-items: flex-start !important; padding: 14px 16px !important; }
  .pricing-row.header { display: none; }

  /* Footer */
  .footer { padding: 48px 20px 0 !important; }
  .footer-top { grid-template-columns: 1fr 1fr !important; gap: 28px !important; }
  .footer-brand { grid-column: span 2 !important; margin-bottom: 8px; }
  .footer-bottom { flex-direction: column; text-align: center; gap: 8px; }

  /* Blog */
  .post-grid { grid-template-columns: 1fr !important; }
  .subscribe-form { flex-direction: column !important; }
  .coming-soon-banner { flex-direction: column !important; text-align: center; padding: 24px 20px !important; }

  /* Endpoint rows (api-docs) */
  .endpoint-row { flex-direction: column; gap: 6px !important; }

  /* Mission block (about) */
  .mission-block { padding: 32px 24px !important; }
  .mission-block blockquote { font-size: 20px !important; }

  /* Buttons on mobile */
  .btn-lg { padding: 14px 24px !important; font-size: 15px !important; }
}

@media (max-width: 480px) {
  .page-hero h1 { font-size: 26px !important; }
  .footer-top { grid-template-columns: 1fr !important; }
  .footer-brand { grid-column: span 1 !important; }
}