/* Pattern B: retain the page navigation while freeing the upper header on mobile. */
.mobile-nav-short{display:none}
@media(max-width:1023px){
 body.mobile-menu-b .site-header{transition:transform .2s ease,visibility .2s;will-change:transform}
 body.mobile-menu-b .v2-page-nav{transition:top .2s ease}
 body.mobile-menu-b.mobile-nav-compact .site-header{transform:translateY(calc(-100% - env(safe-area-inset-top,0px)));visibility:hidden;pointer-events:none}
 body.mobile-menu-b.mobile-nav-compact .v2-page-nav{top:env(safe-area-inset-top,0px)}
 body.mobile-menu-b.mobile-nav-compact :is(section,details)[id]{scroll-margin-top:calc(80px + env(safe-area-inset-top,0px))}
 body.mobile-menu-b .v2-nav-links{overscroll-behavior-x:contain}
 .v2-four-item-nav .v2-nav-label,.v2-four-item-nav [data-mobile-secondary],.v2-four-item-nav .mobile-nav-full{display:none}
 .v2-four-item-nav .mobile-nav-short{display:inline}
 .v2-four-item-nav .v2-nav-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:visible}
 .v2-four-item-nav .v2-nav-links a{justify-content:center;font-size:14px;min-width:0;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){body.mobile-menu-b .site-header,body.mobile-menu-b .v2-page-nav{transition:none}}

.mobile-nav-marker{display:block;height:0;pointer-events:none}