@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100%;
  }

  /* Section padding — 40px horizontal is too tight on 375px */
  section {
    padding-left: 20px !important;
    padding-right: 20px !important;
    min-height: auto !important;
  }

  /* Hero / section headings */
  h1 {
    font-size: clamp(34px, 9vw, 52px) !important;
    line-height: 1.05 !important;
  }

  h2 {
    font-size: clamp(26px, 7.5vw, 42px) !important;
    line-height: 1.1 !important;
  }

  /* Nav bar — wrap brand + links onto two rows */
  [style*="justify-content:space-between"][style*="padding:18px 40px"],
  [style*="justify-content:space-between"][style*="padding:12px 40px"] {
    flex-wrap: wrap !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Nav links row — horizontal scroll instead of overflow */
  [style*="gap:26px"][style*="align-items:center"] {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 14px !important;
    padding-bottom: 4px;
  }
  [style*="gap:26px"][style*="align-items:center"]::-webkit-scrollbar {
    display: none;
  }

  /* CTA / button spans — ensure 44px tap target */
  span[style*="border-radius:20px"],
  span[style*="border-radius:18px"] {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Collapse multi-column grids to single column */
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:1.05fr"],
  [style*="grid-template-columns:1.1fr"],
  [style*="grid-template-columns:1.25fr"],
  [style*="grid-template-columns:repeat(4,"],
  [style*="grid-template-columns:repeat(3,"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* Circular orbit diagrams — shrink to fit viewport */
  [style*="width:480px"], [style*="width:520px"], [style*="width:420px"] {
    width: min(88vw, 320px) !important;
    height: min(88vw, 320px) !important;
  }

  /* Horizontal timeline — allow scroll */
  [style*="min-width:1180px"] {
    min-width: 700px !important;
  }
  [style*="overflow-x:auto"] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}