/* Mobile overrides for the Broadwing prototype.
   Attribute selectors match the RENDERED inline styles (colon+space, rgb() colors, 0px). */
@media (max-width: 820px) {
  /* page shell */
  [data-mobile-root] { min-width: 0 !important; overflow-x: hidden !important; }
  body { overflow-x: hidden; }

  /* header */
  [style*="height: 96px"] { height: auto !important; padding: 16px 24px !important; flex-wrap: wrap; gap: 14px; }
  [style*="height: 96px"] > div { gap: 16px !important; font-size: 11px !important; flex-wrap: wrap; }
  [style*="height: 96px"] img { height: 20px !important; }

  /* section padding */
  [style*="padding: 104px 56px"], [style*="padding: 80px 56px"], [style*="padding: 88px 56px"],
  [style*="padding: 72px 56px"], [style*="padding: 64px 56px"], [style*="padding: 56px"],
  [style*="padding: 48px 56px"], [style*="padding: 44px 56px"], [style*="padding: 64px 48px 64px 56px"] {
    padding: 40px 24px !important;
  }
  [style*="padding: 28px 56px"], [style*="padding: 32px 56px"], [style*="padding: 24px 56px"] { padding: 20px 24px !important; }
  [style*="padding: 48px 40px 52px"] { padding: 32px 24px !important; }
  [style*="padding: 0px 56px"] { padding: 0 24px !important; }

  /* stack all grids, drop column borders */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="border-right: 1px solid rgb(34"] { border-right: none !important; }
  [style*="border-left: 1px solid rgb(34"][style*="padding-left: 56px"] { border-left: none !important; padding-left: 0 !important; }

  /* display type scale */
  [style*="font-size: 200px"] { font-size: clamp(56px, 17vw, 96px) !important; }
  [style*="font-size: 150px"] { font-size: clamp(48px, 14vw, 80px) !important; }
  [style*="font-size: 140px"] { font-size: clamp(46px, 13.5vw, 76px) !important; }
  [style*="font-size: 130px"] { font-size: clamp(44px, 13vw, 72px) !important; }
  [style*="font-size: 110px"], [style*="font-size: 96px"] { font-size: clamp(36px, 10vw, 60px) !important; }
  [style*="font-size: 88px"] { font-size: clamp(32px, 9vw, 52px) !important; }
  [style*="font-size: 72px"], [style*="font-size: 64px"] { font-size: clamp(30px, 8vw, 44px) !important; }
  [style*="font-size: 56px"], [style*="font-size: 52px"] { font-size: clamp(26px, 7vw, 36px) !important; }
  [style*="font-size: 44px"], [style*="font-size: 40px"] { font-size: clamp(24px, 6vw, 32px) !important; }
  [style*="font-size: 34px"], [style*="font-size: 30px"] { font-size: clamp(21px, 5.5vw, 26px) !important; }
  [style*="font-size: 28px"], [style*="font-size: 26px"] { font-size: clamp(19px, 5vw, 24px) !important; }

  /* let wide flex rows wrap */
  [style*="gap: 72px"], [style*="gap: 64px"], [style*="gap: 56px"], [style*="gap: 48px"] { flex-wrap: wrap; gap: 28px !important; }
  [style*="gap: 40px"] { flex-wrap: wrap; }

  /* hero wing graphic: keep it subtle, avoid overflow pushing layout */
  img[src*="hero-wing-lines"] { height: 320px !important; right: -140px !important; }
}