.nav__toggle { display:none; }
@media(max-width:860px) {
 .nav__inner { flex-wrap:wrap; gap:0; justify-content:space-between; }
 .nav__toggle { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid var(--border); border-radius:10px; background:transparent; color:var(--fg); cursor:pointer; }
 .nav__toggle:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
 .nav__toggle svg { width:24px; height:24px; }
 .nav__toggle .nav__close { display:none; }
 .nav__toggle[aria-expanded="true"] .nav__hamburger { display:none; }
 .nav__toggle[aria-expanded="true"] .nav__close { display:block; }
 .nav__links { display:none; width:100%; margin:0; padding:12px 0 20px; border-top:1px solid var(--border); align-items:stretch; gap:4px; flex-direction:column; max-height:calc(100dvh - 90px); overflow-y:auto; }
 .nav__links[data-open="true"] { display:flex; }
 .nav__links .nav__link { padding:12px; }
 .nav__links .btn { margin-top:8px; }
}