/* Keep navigation labels intact; use the menu before the header gets crowded. */
header .nav { max-width:1480px; gap:24px; }
header .nav > .brand { flex-shrink:0; }
header .links > a { white-space:nowrap; flex-shrink:0; }
header .links .quote-nav { display:inline-flex; align-items:center; gap:6px; }
@media (min-width:1400px) {
  header .nav { flex-wrap:nowrap; padding-left:28px; padding-right:28px; }
  header .header-logo { width:240px; height:auto; }
  header .nav > .menu { display:none; }
  header .links, header .links.open { display:flex; position:static; flex-direction:row; align-items:center; width:auto; gap:16px; padding:0; font-size:13px; }
  header .links .btn { padding:13px 18px; }
}
@media (max-width:1399px) {
  header .nav { position:relative; flex-wrap:wrap; padding-top:12px; padding-bottom:12px; }
  header .nav > .menu { display:block; width:72px; flex:0 0 72px; min-height:44px; }
  header .nav > .brand { max-width:calc(100% - 96px); }
  header .links { display:none; }
  header .links.open { display:flex; position:absolute; top:100%; left:0; right:0; width:100%; flex-direction:column; align-items:stretch; gap:4px; padding:16px 24px; background:var(--paper); border-bottom:1px solid var(--muted); max-height:calc(100dvh - 150px); overflow-y:auto; box-shadow:0 12px 20px #0002; }
  header .links > a { min-height:44px; padding:11px 12px; }
  header .links .btn { text-align:center; margin-top:8px; }
}