/* Phone-width layout safety net (2026-10-09). Loaded on every page from includes/header.php.
   Fixes sideways scroll found by a 156-page phone-width sweep: inline-styled desktop grids,
   class grids that never collapse, no-wrap rows, wide data tables, long URLs and long button labels. */
@media (max-width:640px){
  main [style*="grid-template-columns"],
  section [style*="grid-template-columns"],
  .ab-voice-grid, .ab-plat-grid{grid-template-columns:1fr!important}
  .bp-proof-inner{flex-wrap:wrap!important;row-gap:10px}
  .bp-proof-inner>*{min-width:0;max-width:100%}
  [style*="flex-shrink:0"][style*="flex-wrap:wrap"]{flex-shrink:1!important;min-width:0;max-width:100%}
  main table:not(.hyb-table), section table:not(.hyb-table){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  main p a, main li a, main td a, section p a, section li a{overflow-wrap:anywhere}
  main a.btn, section a.btn, main .btn{white-space:normal!important;max-width:100%;text-align:center}
  main img, section img{max-width:100%;height:auto}
}