/* Compact public navigation fills the viewport, independently of the page's content layout. */
@media(max-width:1279px){
 body.public-nav-open{overflow:hidden;overscroll-behavior:none}
 .public-body .site-header.nav-menu-open{z-index:1000}
 .public-body .site-header.nav-menu-open .pill-nav{position:relative;z-index:2;background:var(--bg-0)}
 .public-body .site-header .mobile-menu{position:fixed;inset:0;z-index:1;box-sizing:border-box;width:100%;height:100vh;height:100dvh;max-height:none;margin:0;padding:calc(var(--mobile-header-height,88px) + 20px) max(24px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;box-shadow:none;border:0;border-radius:0;background:var(--bg-0);transform:none;opacity:0;transition:opacity .32s ease,visibility 0s linear .32s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
 .public-body .site-header .mobile-menu.open{max-height:none;opacity:1;transform:none;animation:mobile-nav-surface-in .36s ease both;transition:opacity .32s ease}
 .public-body .site-header .mobile-menu>a,.public-body .site-header .mobile-nav-group{width:min(100%,680px);box-sizing:border-box;margin-inline:auto}
 .public-body .site-header .mobile-menu>a,.public-body .site-header .mobile-nav-group>summary{padding:18px 2px;font-size:clamp(19px,4.6vw,25px);font-weight:500;line-height:1.3}
 .public-body .site-header .mobile-nav-group>a{padding:13px 14px;font-size:16px;line-height:1.5;border:0;background:var(--glass);margin:3px 0;border-radius:6px}
 .public-body .site-header .mobile-nav-group[open]{padding-bottom:14px}
 .public-body .site-header .mobile-menu.open>a,.public-body .site-header .mobile-menu.open>details{animation:mobile-nav-item-in .32s ease both;animation-delay:60ms}
 .public-body .site-header .mobile-menu.open>:nth-child(n+3){animation-delay:95ms}.public-body .site-header .mobile-menu.open>:nth-child(n+6){animation-delay:130ms}
 .public-body .site-header .nav-burger{min-width:44px;min-height:44px}
}
@keyframes mobile-nav-surface-in{from{opacity:.5}to{opacity:1}}
@keyframes mobile-nav-item-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.public-body .site-header .mobile-menu,.public-body .site-header .mobile-menu.open,.public-body .site-header .mobile-menu.open>a,.public-body .site-header .mobile-menu.open>details{animation:none!important;transition:none!important;transform:none}}