.nav-toggle{display:none}
@media(max-width:650px){
 .mobile-nav-ready .nav-wrap{position:relative;justify-content:space-between}
 .mobile-nav-ready header{position:relative;z-index:20}
 .mobile-nav-ready .nav-toggle:not([hidden]){display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 10px;background:transparent;border:1px solid #ffffff55;border-radius:4px;color:white;font-size:12px;cursor:pointer;margin-left:auto}
 .nav-toggle-lines{width:20px;height:18px;position:relative;display:block}
 .nav-toggle-lines i{position:absolute;left:0;right:0;top:1px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
 .nav-toggle-lines i:nth-child(2){top:8px}.nav-toggle-lines i:nth-child(3){top:15px}
 .nav-toggle[aria-expanded=true] i:first-child{transform:translateY(7px) rotate(45deg)}
 .nav-toggle[aria-expanded=true] i:nth-child(2){opacity:0}
 .nav-toggle[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .mobile-nav-ready .nav-wrap nav{position:absolute;top:calc(100% - 1px);left:-18px;right:-18px;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:10px 18px 18px;background:#111;border-top:1px solid #ffffff20;box-shadow:0 12px 18px #0002;font-size:14px}
 .mobile-nav-ready .nav-wrap nav[hidden]{display:none}
 .mobile-nav-ready .nav-wrap nav a{display:block;min-height:48px;padding:12px 14px;border-radius:3px;border-bottom:0}
 .mobile-nav-ready .nav-wrap nav a:hover,.mobile-nav-ready .nav-wrap nav a[aria-current=page]{background:#ffffff14;opacity:1}
}
@media(prefers-reduced-motion:reduce){.nav-toggle-lines i{transition:none}}