/* Shared header and mobile navigation */
.nav-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:40px;
  height:40px;
  padding:9px;
  background:transparent;
  border:1px solid var(--line);
  cursor:pointer;
  flex-shrink:0;
}
.nav-toggle-bar{
  display:block;
  width:100%;
  height:2px;
  background:var(--ink);
  transition:transform .2s ease, opacity .2s ease;
}
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2){
  opacity:0;
}
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

@media (max-width:768px){
  .nav-toggle{display:flex;}

  header{
    position:sticky;
    top:0;
    z-index:100;
  }

  .nav-row{
    position:relative;
    flex-wrap:nowrap;
    align-items:center;
  }

  .nav-links{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:0;
    margin:0;
    border-top:1px solid var(--line);
    background:#131315;
    box-shadow:0 12px 28px rgba(0,0,0,.45);
    z-index:110;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    letter-spacing:.05em;
    text-transform:uppercase;
  }

  .nav-links.is-open{display:flex;}

  .nav-links a{
    display:block;
    padding:11px 20px;
    line-height:1.2;
    border-bottom:1px solid var(--line);
    text-decoration:none;
    text-align:left;
    color:var(--ink-soft);
  }

  .nav-links a:hover,
  .nav-links a[aria-current="page"]{
    color:var(--ink);
    background:var(--bg-alt, #1B1B1E);
  }

  .nav-links a:last-child{border-bottom:none;}

  body.nav-open{overflow:hidden;}
}