/* First Fix (adapted from AI Professor): mobile hamburger nav enhanced by /assets/nav.js. Desktop nav is untouched. */
.nav-toggle{display:none;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin-left:2px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nav-toggle:hover{border-color:rgba(255,255,255,.45)}
.nav-toggle:focus-visible{outline:2px solid var(--coral,#ff715b);outline-offset:2px}
.nav-toggle-box{position:relative;display:block;width:20px;height:14px}
.nav-toggle-box span{position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease,top .2s ease}
.nav-toggle-box span:nth-child(1){top:0}.nav-toggle-box span:nth-child(2){top:6px}.nav-toggle-box span:nth-child(3){top:12px}
.nav-toggle[aria-expanded="true"] .nav-toggle-box span:nth-child(1){top:6px;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-box span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-box span:nth-child(3){top:6px;transform:rotate(-45deg)}
.topbar.nav-collapsed .nav-toggle{display:inline-flex}
.topbar.nav-collapsed .navlinks{gap:10px}
.nav-panel{position:absolute;left:0;right:0;top:100%;z-index:19;background:#0b0f14;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 18px 30px rgba(0,0,0,.35);max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px);overflow-y:auto}
.nav-panel[hidden]{display:none}
.nav-panel-inner{width:min(calc(100% - 28px),1180px);margin:auto;padding:8px 0 18px;display:flex;flex-direction:column}
.nav-panel a{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.08);color:#e6ebf1;font:600 16px Poppins,sans-serif;text-decoration:none}
.nav-panel a:hover{color:#ff9b8c}
.nav-panel a:focus-visible{outline:2px solid var(--coral,#ff715b);outline-offset:2px;border-radius:4px}
.nav-panel a.button{justify-content:center;margin-top:14px;padding:13px 20px;border:1px solid var(--coral,#ff715b);border-radius:8px;background:var(--coral,#ff715b);color:#111}
.nav-panel a.button:hover{color:#111;background:#ff8977}
.nav-panel svg{flex:none}
@media(max-width:420px){.topbar.nav-collapsed .brand img{width:150px}.topbar.nav-collapsed .navlinks .button{padding:9px 11px;font-size:12.5px;white-space:nowrap}}
@media(max-width:360px){.topbar.nav-collapsed .navlinks .button{display:none}}
@media(prefers-reduced-motion:reduce){.nav-toggle-box span{transition:none}}
/* Keep header buttons and links on one line */
.topbar .navlinks a{white-space:nowrap}
@media(max-width:420px){.topbar:not(.nav-collapsed) .navlinks{gap:12px}.topbar:not(.nav-collapsed) .brand img{width:140px}.topbar:not(.nav-collapsed) .navlinks .button{padding:9px 11px;font-size:12.5px}}
@media(max-width:340px){.topbar:not(.nav-collapsed) .brand img{width:128px}.cta-extra{display:none}}