/* Narrow-screen navigation: reset desktop centering and keep every control in-view. */
@media (max-width:760px){
  #site-header{
    left:12px!important;
    right:12px!important;
    top:12px!important;
    transform:none!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    min-width:0!important;
    min-height:58px!important;
    padding:7px 8px!important;
    display:flex!important;
    justify-content:space-between!important;
    gap:8px!important;
    border-radius:999px!important;
  }
  #site-header .brand{
    flex:0 0 auto!important;
    min-width:0!important;
    padding:0!important;
  }
  #site-header .brand img{width:42px!important;height:42px!important}
  #site-header .brand b{display:none!important}
  #site-header .nav-actions{
    margin-left:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
    display:flex!important;
    gap:6px!important;
  }
  #site-header .nav-actions .pill{
    width:auto!important;
    min-width:0!important;
    min-height:42px!important;
    padding:0 15px!important;
    font-size:9px!important;
  }
  #site-header .nav-actions .pill::after{content:none!important}
  #site-header #menu{
    display:grid!important;
    place-items:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border:1px solid #444!important;
    border-radius:50%!important;
    background:#161616!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1!important;
  }
  #site-header>nav{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:calc(100dvh - 92px)!important;
    overflow:auto!important;
    padding:8px!important;
    border-radius:22px!important;
    background:rgba(5,5,5,.98)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    box-shadow:0 24px 60px rgba(0,0,0,.35)!important;
  }
  #site-header.nav-open>nav{display:flex!important}
  #site-header>nav a,
  #site-header>nav a:nth-child(n){
    display:block!important;
    width:100%!important;
    padding:14px 16px!important;
    border-radius:15px!important;
    font-size:10px!important;
    text-align:left!important;
  }
}
@media (max-width:360px){
  #site-header .nav-actions .pill{width:42px!important;padding:0!important;font-size:0!important}
  #site-header .nav-actions .pill::after{content:'↗'!important;font-size:15px!important}
}