/* Shared header nav metrics for every page (loaded last, after the page theme).
   One style site-wide: the homepage's. System UI sans, no webfont.
   Page themes may still set the header background and the nav/brand colors;
   font family, size, weight, letter-spacing, case, line-height and spacing are fixed here. */
html body .site-header .wrap {
  max-width: 64rem;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  gap: 0.5rem 1.5rem;
}
html body .site-header .brand,
html body .site-header .site-nav,
html body .site-header .site-nav ul,
html body .site-header .site-nav a {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  text-transform: none;
  line-height: 1.6;
}
html body .site-header .brand {
  font-size: 0.95rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  gap: 0.6rem;
}
html body .site-header .site-nav ul {
  font-size: 0.9rem;
  gap: 0.2rem 1.1rem;
  margin: 0;
  padding: 0;
}
html body .site-header .site-nav a {
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: normal;
  white-space: nowrap; /* each item stays whole; the list wraps between items */
}