/* Keep the public avatar/logo/search/menu bar within reach on mobile. */
@media(max-width:760px){
  html{scroll-padding-top:calc(90px + env(safe-area-inset-top,0px))}
  body>.site-header{
    position:sticky;
    top:0;
    z-index:100;
    background:#fff;
    padding-top:env(safe-area-inset-top,0px);
    box-shadow:0 3px 12px #2722370a;
  }
  body>.site-header #main-nav{
    position:absolute;
    top:100%;
    max-height:calc(100vh - 90px - env(safe-area-inset-top,0px));
    max-height:calc(100dvh - 90px - env(safe-area-inset-top,0px));
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}