/* v633 mobile menu: menu opens under the top bar (logo stays visible), burger turns into an X, bigger links, stacked log-in / sign-up */
body.qa-mob-open nav:has(#hamburger){z-index:10001!important}
#mob-menu.mobile-menu{inset:var(--qmh,64px) 0 0 0!important;position:fixed!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;padding:6px 22px 34px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(255,255,255,.08);z-index:10000!important}
#mob-menu.mobile-menu>a{display:block!important;padding:12px 4px!important;font-family:Syne,'Syne Fallback',sans-serif!important;font-size:16.5px!important;font-weight:600!important;line-height:1.3!important;text-align:center!important;color:var(--text,#e8eaf6)!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.07)}
#mob-menu.mobile-menu>a:hover,#mob-menu.mobile-menu>a:active{color:var(--accent,#00e5ff)!important}
#mob-menu .qa-mlang{margin-top:20px!important;justify-content:center!important}
#mob-menu div:has(>a[href$="signin"]){display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important;margin-top:22px!important;width:100%!important}
#mob-menu div:has(>a[href$="signin"])>a{flex:none!important;display:block!important;width:100%!important;padding:17px 0!important;font-size:17px!important;border-radius:14px!important;text-align:center!important}
#hamburger.nav-hamburger{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:42px!important;height:42px!important;cursor:pointer;position:relative;z-index:10002}
#hamburger.nav-hamburger span{display:block!important;width:22px!important;height:2px!important;margin:0!important;border-radius:2px;background:var(--text,#e8eaf6)!important;transition:transform .25s ease,opacity .2s ease}
#hamburger.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#hamburger.nav-hamburger.open span:nth-child(2){opacity:0}
#hamburger.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
html[data-theme="light"] #mob-menu.mobile-menu>a{border-bottom-color:rgba(0,0,0,.08)}
/* guide top bar panel */
.qn-burger span{transition:transform .25s ease,opacity .2s ease}
.qn-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.qn-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.qn-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.qn-panel a{font-family:Syne,'Syne Fallback',sans-serif!important;font-size:16.5px!important;font-weight:600!important;padding:12px 4px!important;text-align:center!important}
#mob-menu div:has(>a[href$="signin"])>a[href$="signup"]{color:#04050a!important;font-weight:700!important;background:linear-gradient(135deg,#00e5ff,#7b61ff)!important;border:0!important}
#mob-menu div:has(>a[href$="signin"])>a[href$="signin"]{color:var(--text,#e8eaf6)!important;font-weight:600!important;border:1px solid rgba(255,255,255,.25)!important}