/* Stripes & Pips - shared brand sizing.
   Loaded on every page so the nav logo and wordmark are identical everywhere.
   Selectors are prefixed with "nav" so they win over each page's own rules. */
nav .logo-svg{width:40px;height:36px;flex-shrink:0;}
nav .nav-brand{font-size:1.25rem;line-height:1;}
nav .nav-brand span{display:block;font-size:.55rem;margin-top:2px;}
@media(max-width:760px){
  nav .logo-svg{width:32px;height:28px;}
  nav .nav-brand{font-size:1rem;}
  nav .nav-brand span{display:none;}
}
@media(max-width:400px){
  nav .logo-svg{width:28px;height:25px;}
  nav .nav-brand{font-size:.92rem;}
}
/* On phones the logo already links home, so hide the Home link to keep the nav on one row. */
@media(max-width:760px){nav .nav-home{display:none;}}
/* Footer links wrap on every page so they never push the page sideways on phones. */
footer .footer-links{flex-wrap:wrap;justify-content:center;row-gap:8px;}