/* overflow-x:hidden on html breaks position:sticky on iOS/Safari. clip does not. */
html {
    overflow-x: clip;
    touch-action: manipulation;
    -ms-touch-action: manipulation;
}
body {
    touch-action: manipulation;
    overscroll-behavior-x: none;
}

/* Keep the bar on screen even if an ancestor overflow would unstick it. */
.site-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 50;
}

/* Matches header py + inner py + logo height at each breakpoint. */
.site-header-spacer {
    height: 4.25rem;
    pointer-events: none;
}
@media (min-width: 640px) {
    .site-header-spacer { height: 5rem; }
}
@media (min-width: 768px) {
    .site-header-spacer { height: 6.25rem; }
}