/* The phone header for the plain pages built on /legal.css: /support,
   /privacy, /terms and /builders/terms. Loaded after /legal.css.

   On a phone their header links (four, five with "Your team") do not fit
   beside the brand, so below 560px the links take their own row under it
   and never break inside a link. Wider screens — desktop included — are
   exactly as /legal.css draws them.

   VERSIONED FILENAME: /assets is cached immutable, so a change ships as
   legal-header.v2.css. */

@media(max-width:560px){
  header .nav{height:auto;min-height:72px;flex-wrap:wrap;align-content:center;gap:0 16px;padding:12px 0 6px}
  header nav{flex:1 1 100%;flex-wrap:wrap;gap:0 18px}
  header nav a{display:inline-flex;align-items:center;min-height:36px;white-space:nowrap}
}