/* Menu button for screens narrower than 1120px (phones, tablets, small laptops).
   Shared by index, about/ and ai/. Wide screens keep the inline menu. */
.nav-toggle{display:none;}
@media(max-width:1119px){
  .nav-inner{position:relative;}
  .lang-switch{margin-left:auto;}
  .nav-toggle{
    display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
    width:42px; height:42px; margin-left:10px; padding:0;
    font-size:22px; line-height:1; color:var(--text); background:none;
    border:1px solid var(--border); border-radius:12px; cursor:pointer; font-family:inherit;
  }
  .nav-toggle:focus-visible{outline:2px solid var(--cyan); outline-offset:2px;}
  header.nav.open .nav-links{
    display:flex; flex-direction:column; align-items:stretch; gap:0;
    position:absolute; top:100%; left:0; right:0;
    background:#050f1c; border-bottom:1px solid var(--border); box-shadow:0 18px 40px rgba(0,0,0,0.55);
    padding:6px 20px 18px; max-height:calc(100vh - 70px); overflow-y:auto;
  }
  header.nav.open .nav-links a{padding:14px 6px; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.06); margin:0;}
  header.nav.open .nav-links a.pill{margin:14px 0 0; text-align:center; border-bottom:1px solid rgba(255,192,0,0.3);}
}
@media(max-width:420px){
  .nav-inner{padding-left:14px; padding-right:14px;}
  .nav-logo img{height:30px;}
  .lang-switch button{padding:6px 8px;}
}