/* Standalone mobile navigation: does not change the original desktop/header CSS. */
.mobile-nav{display:none}
@media (max-width:960px){
  .nav-links>a.keep[href$="#download"]{display:none}
  .nav-links>.mobile-nav{display:block;position:relative;flex:0 0 auto}
  .mobile-nav>summary{
    box-sizing:border-box;display:grid;place-items:center;
    width:42px;height:42px;min-width:42px;min-height:42px;
    list-style:none;cursor:pointer;user-select:none;
    border:1px solid var(--line);border-radius:12px;
    background:var(--card);color:var(--text);font:inherit;font-size:24px;line-height:1
  }
  .mobile-nav>summary::-webkit-details-marker{display:none}
  .mobile-nav>summary::marker{content:''}
  .mobile-nav>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .mobile-nav__panel{
    position:absolute;right:0;top:calc(100% + 10px);z-index:110;
    width:min(290px,calc(100vw - 24px));max-height:75vh;overflow:auto;
    display:flex;flex-direction:column;gap:3px;
    padding:8px;border:1px solid var(--line);border-radius:16px;
    background:var(--card);box-shadow:var(--shadow)
  }
  .nav-links .mobile-nav__panel a{
    display:block;padding:12px 14px;border-radius:10px;
    color:var(--text);font-size:.95rem;font-weight:700;
    text-decoration:none;white-space:normal
  }
  html .nav-links .mobile-nav__panel a:hover,
  html .nav-links .mobile-nav__panel a:focus-visible{
    color:var(--text);background:rgba(94,231,255,.12)
  }
  .mobile-nav[open]>summary{border-color:var(--accent)}
}