/* Mobile subpages: full-bleed header with room for the device safe area. */
@media (max-width:767px) {
  html[data-pv-mobile-header] { scroll-padding-top:calc(84px + env(safe-area-inset-top,0px)); }
  html[data-pv-mobile-header] body { padding-top:env(safe-area-inset-top,0px); }
  html[data-pv-mobile-header] .header {
    position:fixed;top:0;left:0;right:0;width:100%;margin:0;
    height:calc(72px + env(safe-area-inset-top,0px));
    padding-top:env(safe-area-inset-top,0px);box-sizing:border-box;
    transform:translateY(0);
    transition:transform .25s ease,background .3s ease,box-shadow .3s ease;
  }
  html[data-pv-mobile-header] .header[data-pv-mobile-hidden="true"] {
    transform:translateY(-100%);box-shadow:none;pointer-events:none;
  }
  html[data-pv-mobile-header] .header .nav {
    padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);
  }
  html[data-pv-mobile-header] .header[data-pv-nav] .menu {
    top:100%;max-height:calc(100vh - 72px - env(safe-area-inset-top,0px));
    max-height:calc(100dvh - 72px - env(safe-area-inset-top,0px));
  }
}
@media (max-width:767px) and (prefers-reduced-motion:reduce) {
  html[data-pv-mobile-header] .header { transition:none; }
}
/* Use Home's scrolling page surface instead of a white top-edge extension. */
@media(max-width:767px) {
  html[data-pv-mobile-header],html[data-pv-mobile-header] body { background-color:#27272b; }
  html[data-pv-mobile-header] body { padding-top:0; }
  html[data-pv-mobile-header] main.page { background-color:var(--white,#fff); }
  html[data-pv-mobile-header] .header[data-pv-mobile-detached] { display:none; }
}