/* v628 unified menu for guide topbar + AI-agent nav */
.qn-links{display:none;align-items:center;gap:20px}
@media(min-width:1440px){.topbar .tnav .qn-links{display:flex}}
.qn-links a.qn{color:var(--muted,#9aa4b8);font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none}
.qn-links a.qn:hover,.qn-mt:hover{color:var(--ink,#e8eaf6)}
.qn-more{position:relative;display:inline-flex}
.qn-mt{background:none;border:0;color:var(--muted,#9aa4b8);font:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:0;white-space:nowrap}
.qn-dd{position:absolute;top:100%;right:0;padding-top:12px;min-width:210px;display:none;z-index:1000}
.qn-dd::before{content:"";position:absolute;inset:12px 0 0 0;background:var(--paper,#0f1220);border:1px solid var(--line,rgba(255,255,255,.1));border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.35);z-index:-1}
.qn-more:hover .qn-dd,.qn-more.open .qn-dd,.qn-more:focus-within .qn-dd{display:block}
.qn-dd a{position:relative;display:block;margin:0 8px;padding:9px 12px;color:var(--muted,#9aa4b8);font-size:13.5px;border-radius:8px;text-decoration:none;white-space:nowrap}
.qn-dd a:first-child{margin-top:8px}.qn-dd a:last-child{margin-bottom:8px}
.qn-dd a:hover{color:var(--ink,#e8eaf6);background:rgba(127,127,127,.08)}
.qn-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:34px;background:none;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:8px;cursor:pointer;color:var(--ink,#e8eaf6);margin-left:4px}
.qn-burger span{display:block;width:16px;height:2px;margin:0 auto;background:currentColor;border-radius:2px}
@media(min-width:1440px){.qn-burger{display:none}}
.qn-panel{position:fixed;top:67px;left:0;right:0;bottom:0;background:var(--paper,#0b0f1a);z-index:989;overflow:auto;padding:12px 24px 40px}
.qn-panel[hidden]{display:none}
.qn-panel a{display:block;padding:14px 4px;border-bottom:1px solid var(--line,rgba(255,255,255,.08));color:var(--ink,#e8eaf6);font-size:17px;font-weight:500;text-decoration:none}
@media(min-width:1440px){.qn-panel{display:none!important}}
/* AI-agent pages nav */
.qn-in-nav .qn-dd::before{background:#0f1220;border-color:rgba(255,255,255,.1)}
.qn-in-nav .qn-dd a{color:#9aa4b8}.qn-in-nav .qn-dd a:hover{color:#e8eaf6}
/* spacing fixes */
.topbar .tnav{gap:12px}
.topbar .brand{margin-right:20px;flex-shrink:0}
.topbar .cta-pill{white-space:nowrap}
@media(min-width:1440px){.topbar .tnav .qn-links{gap:17px;margin-right:6px}.qn-links a.qn,.qn-mt{font-size:13.5px}}
nav.nav .nav-links a.nav-link,nav.nav .qn-mt{white-space:nowrap;font-size:13.5px}
nav.nav .nav-cta-btn{white-space:nowrap}
nav.nav .nav-links{gap:16px!important}nav.nav .nav-links a.nav-link{padding-left:0!important;padding-right:0!important}
nav.nav .nav-left{margin-right:24px;flex-shrink:0}
@media(min-width:901px) and (max-width:1439px){nav.nav .nav-links{gap:11px!important}nav.nav .nav-links a.nav-link,nav.nav .qn-mt{font-size:12.5px}nav.nav .nav-left{margin-right:14px}}
/* legacy guide shell */
.guide-topbar .guide-topbar-right{display:flex;align-items:center;gap:14px}
@media(min-width:1440px){.guide-topbar .qn-links{display:flex;gap:17px}.guide-topbar .qn-links a.qn,.guide-topbar .qn-mt{font-size:13.5px;color:#9aa4b8}.guide-topbar .guide-topbar-badge{display:none}}
.guide-topbar .qn-burger{color:#e8eaf6;border-color:rgba(255,255,255,.14)}

/* v630: pages whose own CSS forces "nav > *{display:flex!important}" */
.topbar nav.tnav>.qn-links{display:none!important}
@media(min-width:1440px){.topbar nav.tnav>.qn-links{display:flex!important}.topbar nav.tnav>.qn-burger{display:none!important}}