/* Mobile navigation: keep the desktop header unchanged. */
@media (max-width:960px){
  #nav .nav__right > a{display:none;}
  #nav .navtoggle{
    display:inline-flex;align-items:center;justify-content:center;
    width:44px;min-width:44px;height:44px;padding:10px;
    color:var(--green);background:var(--paper);border:1px solid var(--line-2);
  }
  .navtoggle__icon{position:relative;display:block;width:22px;height:18px;}
  .navtoggle__icon span{
    position:absolute;left:0;width:22px;height:2px;border-radius:2px;
    background:currentColor;transition:transform 180ms,opacity 180ms;
  }
  .navtoggle__icon span:nth-child(1){top:0;}
  .navtoggle__icon span:nth-child(2){top:8px;}
  .navtoggle__icon span:nth-child(3){top:16px;}
  [aria-expanded="true"] .navtoggle__icon span:nth-child(1){transform:translateY(8px) rotate(45deg);}
  [aria-expanded="true"] .navtoggle__icon span:nth-child(2){opacity:0;}
  [aria-expanded="true"] .navtoggle__icon span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
  #nav .nav__main{overflow:visible;}
  #nav .nav__main .wrap{position:static;}
  #nav #navlinks{
    display:none;position:absolute;top:100%;left:0;right:0;
    margin:0;padding:16px var(--edge) 24px;flex-direction:column;
    align-items:stretch;gap:4px;background:var(--paper);
    border-bottom:1px solid var(--line);box-shadow:var(--shadow);
    max-height:calc(100dvh - var(--header-h));overflow-y:auto;
    overscroll-behavior:contain;
  }
  #nav.mobile-menu-open #navlinks{display:flex;}
  #nav #navlinks > .navlink{width:100%;min-height:44px;justify-content:flex-start;}
  #nav .navlinks__mobileauth{display:flex;width:100%;flex-shrink:0;}
  #nav .navlinks__mobileauth > a{width:100%;min-height:44px;justify-content:center;}
}