.site-nav,.menu{display:block}
.menu{margin:0;padding:0;list-style:none}
.site-nav{flex:1}
.site-nav .menu{display:flex;align-items:center;justify-content:center;gap:24px}
.site-nav .menu>li{position:relative}
.site-nav .menu>li>a{display:block;padding:10px 6px;font-weight:600;text-decoration:none;color:currentColor;border-radius:8px}
.site-nav .menu>li>a:focus-visible{outline:2px solid var(--btx-accent,currentColor);outline-offset:2px}
.site-nav .menu>li:hover>a,.site-nav .menu>li.current-menu-item>a,.site-nav .menu>li.current-menu-ancestor>a{color:var(--btx-accent,currentColor)}
.site-nav .menu .sub-menu{position:absolute;left:0;top:100%;min-width:220px;background:var(--btx-surface,#fff);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:10px 0;display:none;z-index:50}
.site-nav .menu li:hover>.sub-menu{display:block}
.site-nav .menu .sub-menu li a{display:block;padding:10px 14px;text-decoration:none;color:inherit}
.site-nav .menu .sub-menu li a:hover{background:var(--btx-surface-2,#f3f5f7)}
.btx-nav-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer;line-height:0}
.btx-nav-toggle .btx-nav-bar{display:block;width:24px;height:2px;margin:5px 0;background:currentColor}
.btx-nav-toggle:focus-visible{outline:2px solid var(--btx-accent,currentColor);outline-offset:2px}
@media (max-width:980px){
  .btx-nav-toggle{display:block}
  .site-nav{position:relative}
  .site-nav .menu{position:absolute;left:0;right:0;top:calc(100% + 8px);flex-direction:column;align-items:flex-start;gap:0;background:var(--btx-surface,#fff);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:8px;display:none}
  .site-nav.open .menu{display:flex}
  .site-nav .menu>li{width:calc(100% - 20px)}
  .site-nav .menu>li>a{width:calc(100% - 20px);padding:12px 10px;border-radius:8px}
  .site-nav .menu .sub-menu{position:static;box-shadow:none;border-radius:8px;padding:6px 0;display:block}
}
