/* One shared menu for the current sound, light, equipment and help pages. */
.site-header nav>a[aria-current="page"]:not(.button){text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:8px}
.site-header nav>a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(min-width:961px){
  .site-header nav{display:flex;gap:24px;font-size:13px}
  .site-header nav>a:not(.button){display:inline-flex;align-items:center;min-height:44px}
}
@media(min-width:961px) and (max-width:1100px){
  .site-header nav{gap:16px}
  .site-header .header-inner{gap:20px}
}
@media(max-width:960px){
  .site-header .header-inner{height:72px;gap:16px}
  .site-header .brand img{width:190px}
  .site-header .menu-toggle{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 0 10px 12px;font-size:14px}
  .site-header .menu-lines{display:block;width:20px;height:12px;border-block:1px solid white;position:relative}
  .site-header .menu-lines:after{content:"";position:absolute;left:0;top:5px;right:0;border-top:1px solid white}
  .site-header nav{display:none;position:absolute;inset:72px 0 auto;background:var(--black);padding:12px 24px 24px;border-top:1px solid rgb(255 255 255 / .12);flex-direction:column;align-items:stretch;gap:0;font-size:16px;max-height:calc(100dvh - 72px);overflow-y:auto;box-shadow:0 16px 22px rgb(0 0 0 / .12)}
  .site-header nav.is-open{display:flex}
  .site-header nav>a:not(.button){display:flex;align-items:center;min-height:48px;padding:12px 0;border-bottom:1px solid rgb(255 255 255 / .12)}
  .site-header nav>.button{min-height:48px;margin-top:16px;padding:14px 16px;font-size:14px}
}