@media(max-width:767px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .site-subnav.site-subnav{position:fixed;inset:auto 0 0;z-index:80;background:#01171b;border-top:1px solid #14535e;box-shadow:0 -5px 20px #00000040;padding-bottom:env(safe-area-inset-bottom,0px)}
 .site-subnav>div{padding:0;max-width:100%}
 .site-subnav #navContainer{justify-content:flex-start;gap:2px;padding:6px 8px;min-height:68px;scroll-padding-inline:8px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
 .site-subnav #navContainer>a{position:relative;flex:0 0 76px;min-width:76px;min-height:54px;justify-content:center;gap:7px;padding:7px 3px;border:0;border-radius:8px;scroll-snap-align:start;color:#89b5bf;text-decoration:none}
 .site-subnav #navContainer>a>i{font-size:20px;line-height:1}
 .site-subnav #navContainer>a>span{font-size:9px;line-height:1.2;letter-spacing:.2px;white-space:nowrap}
 .site-subnav #navContainer>a[aria-current=page]{background:#073b45;color:#00d2ff}
 .site-subnav #navContainer>a[aria-current=page]::before{content:'';position:absolute;top:0;left:26px;right:26px;height:2px;border-radius:2px;background:#ffcc00}
 .site-subnav #navContainer>a:focus-visible{outline:2px solid #ffcc00;outline-offset:-2px}
 .site-subnav #slideLeft,.site-subnav #slideRight{display:none!important}
}