/* Only the shared logo/navigation header sticks; page headings scroll. */
body .site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  bottom: auto;
  height: auto;
  backdrop-filter: none;
}
body.admin-bar .site-header { top: 32px; }
html { scroll-padding-top: 165px; }
@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}
@media (max-width: 600px) {
  body.admin-bar .site-header { top: 0; }
}
body header:not(.site-header) {
  position: static;
  inset: auto;
  z-index: auto;
  backdrop-filter: none;
}
body .site-header .nav {
  min-height: 148px;
  height: auto;
  padding-block: 15px;
}
body .site-header .logo {
  width: 160px;
  height: auto;
  max-height: 118px;
  object-fit: contain;
}
@media (max-width: 900px) {
  body .site-header .nav { min-height: 132px; padding-block: 11px; flex-wrap: wrap; gap: 12px; }
  body .site-header .logo { width: 144px; max-height: 110px; }
  /* An expanded menu takes up document space instead of covering the page. */
  body .site-header nav#site-navigation {
    position: static;
    inset: auto;
    flex: 0 0 100%;
    width: 100%;
    max-height: calc(100dvh - 190px);
    overflow-y: auto;
    box-shadow: none;
  }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 132px; }
  body .site-header .nav { min-height: 116px; padding-block: 10px; }
  body .site-header .logo { width: 126px; max-height: 96px; }
}