.menu-toggle{display:none}.header-menu{display:contents}.menu-label,.network-title{display:none}
@media(max-width:760px){
  header{position:relative;z-index:20}
  .header-actions{gap:8px!important;margin-left:auto}
  .menu-ready .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:38px;height:38px;flex-shrink:0;border:1px solid #343b37;border-radius:6px;background:#111613;color:#c3edaa}
  .menu-toggle span{display:block;width:16px;height:1px;background:currentColor;transition:transform .2s}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .header-menu{display:flex;flex-direction:column;gap:4px;position:absolute;right:12px;top:calc(100% + 8px);width:230px;padding:10px;background:#101613;border:1px solid #344238;border-radius:12px;box-shadow:0 18px 50px #0008}
  .menu-ready .header-menu{display:none}
  .menu-ready .menu-toggle[aria-expanded="true"]+.header-menu{display:flex}
  .header-menu .mobile-docs,.header-menu .x-logo{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:6px;font-size:13px;color:#d4dfd1}
  .header-menu a:hover{background:#1b2820;color:#c3edaa}
  .header-menu .x-logo svg{width:14px;height:14px}
  .header-menu .menu-label{display:inline}
  .header-menu .network{display:flex;flex-wrap:wrap;gap:8px!important;margin:5px 2px 0;padding:14px 10px 8px;border-top:1px solid #2a352e}
  .header-menu .network-title{display:block;width:100%;margin-bottom:3px;font:9px monospace;letter-spacing:1.4px;color:#8d9f90}
  .header-menu .network select{flex:1;width:auto!important;min-height:34px;font-size:13px;color:#d4dfd1}
  header #connect{white-space:nowrap;font-size:10px;min-height:38px;padding:9px 11px!important}
}
