/* InspectorData — universal mobile fixes (phone only, <=640px).
   Safe to include site-wide: component rules only match where those
   components exist; everything else is a general safety net.
   Deployed 2026-07-05. */
@media (max-width:640px){
  /* Never allow sideways scroll on any page */
  html,body{overflow-x:hidden}

  /* Keep header logos from overflowing the bar */
  header .logo img{max-height:40px!important;width:auto!important}

  /* Split feature rows (image + text) -> single column */
  .feature-showcase-grid{grid-template-columns:1fr!important;gap:22px!important}
  .feature-showcase-grid>*{min-width:0!important;max-width:100%!important}
  .feature-text{min-width:0!important;max-width:100%!important}

  /* Weather / Offline split cards -> stacked panels */
  .split-feature-card{grid-template-columns:1fr!important}
  .split-feature-card__panel{min-width:0!important;max-width:100%!important}
  .split-feature-card__divider{display:none!important}

  /* Interactive demo grids fit the phone */
  .demo-priority-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .demo-secondary-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
  .demo-priority-cards>*,.demo-secondary-grid>*{min-width:0!important;width:auto!important}
  .demo-priority-card{aspect-ratio:auto!important;min-height:0!important;height:auto!important;padding:15px 12px!important;flex-direction:row!important;gap:9px!important;justify-content:center!important;align-items:center!important}
  .demo-priority-card .demo-card-title{font-size:13px!important}
  .demo-priority-card i{font-size:15px!important}

  /* Inline-styled multi-column demo grids -> stack (sewer-scope steps, partner network) */
  [style*="grid-template-columns:repeat(3,1fr)"],[style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr!important;gap:16px!important}
  [style*="grid-template-columns:repeat(3,1fr)"]>*,[style*="grid-template-columns: repeat(3, 1fr)"]>*{min-width:0!important;overflow-wrap:anywhere!important}
  [style*="grid-template-columns:1fr 1fr;min-height:320px"]{grid-template-columns:1fr!important}
  [style*="#e8f4f8 50%"]{min-height:250px!important}
}