/* Shared header sizing: use the main-page typography on every page. */
html header .brand,
html header .brand [data-screen-text="global-name"] { font-size:28px !important; }
html header .brand small { font-size:17px !important; }
html header nav { gap:22px !important; flex-wrap:wrap; }
html header nav > a,
html header nav .menu-dropdown > summary { font-size:22px !important; }
html header nav .submenu a { font-size:17px !important; }
@media (max-width:1200px) {
  html header { gap:24px !important; }
  html header nav { gap:12px 18px !important; }
  html header nav > a,
  html header nav .menu-dropdown > summary { font-size:20px !important; }
}
@media (max-width:850px) {
  html header .brand,
  html header .brand [data-screen-text="global-name"] { font-size:22px !important; }
  html header nav > a,
  html header nav .menu-dropdown > summary { font-size:17px !important; }
}