/* At 360px the legal row overhung the viewport by 3px — the links sit in a
   nowrap row that cannot fit four items on the narrowest phones. Letting it wrap
   and centring it fixes the overhang without changing anything wider. */
@media (max-width:400px){
  footer .footer-legal-links{
    flex-wrap:wrap !important;
    justify-content:center !important;
    row-gap:6px;
    max-width:100%;
  }
  footer .footer-legal{ white-space:normal !important; }
}