/* Mobile overrides for the legacy dc pages (inline-styled) and shared UI.
   Inline styles need !important to be overridden. */
@media (max-width: 768px) {
  /* Any multi-column grid collapses to one column */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }

  /* Header: tighter, allow wrapping, hide secondary nav labels */
  header [style*="height:66px"], header [style*="height: 66px"] {
    height: auto !important; padding: 10px 14px !important; flex-wrap: wrap; gap: 8px !important;
  }
  header nav { gap: 12px !important; font-size: 13px !important; }

  /* Main containers: less padding */
  main { padding: 16px 12px 40px !important; }
  [style*="padding:34px 36px"], [style*="padding: 34px 36px"] { padding: 20px 18px !important; }
  [style*="padding:28px"] { padding: 18px !important; }
  [style*="padding:24px 26px"] { padding: 16px !important; }

  /* Hero text smaller */
  h1[style*="font-size:34px"] { font-size: 24px !important; }
  [style*="font-size:64px"] { font-size: 44px !important; }

  /* Buttons full-width friendly */
  button { min-height: 42px; }

  /* Tables/scroll safety */
  body { -webkit-text-size-adjust: 100%; }
}