/* Keep the approved navigation visible while every page scrolls. */
:root{--site-header-height:112px}
html{scroll-padding-top:calc(var(--site-header-height) + 20px)}
.site-header,
body:not([data-page="home"]) .site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
}
.mobile-nav:not([hidden]){
  position:fixed;
  top:var(--site-header-height);
  left:0;
  right:0;
  z-index:49;
  max-height:calc(100vh - var(--site-header-height));
  max-height:calc(100dvh - var(--site-header-height));
  overflow-y:auto;
  overscroll-behavior:contain;
}
@media(max-width:1200px){:root{--site-header-height:106px}}
@media(max-width:950px){:root{--site-header-height:98px}}
@media(max-width:700px){:root{--site-header-height:90px}}