/* Keep the homepage header outside the mobile scrolling surface. */
@media(max-width:780px){
  html{height:100%;overflow:hidden;overscroll-behavior:none}
  body{position:fixed;inset:0;height:100%;height:100dvh;overflow:hidden;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr);overscroll-behavior:none}
  body>.topnav{position:relative;top:auto;left:auto;right:auto;grid-row:1;width:100%}
  body>main{grid-row:2;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-padding-top:16px;padding-bottom:env(safe-area-inset-bottom,0px)}
  body>main section[id]{scroll-margin-top:0}
  body:has(.lightbox.open)>main,body:has(dialog[open])>main{overflow-y:hidden}
  html.returning-home:not(.home-position-ready) main{scroll-behavior:auto!important}
}
@media(prefers-reduced-motion:reduce){body>main{scroll-behavior:auto!important}}