/* Reversible header trial; header-mode.mjs toggles this stylesheet link. */
.site-header {
  position: sticky;
  top: 0;
  box-shadow: 0 2px 16px #102c3412;
}

@media (max-width: 850px) {
  .site-header nav {
    max-height: calc(100vh - 82px);
    max-height: calc(100dvh - 82px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}