.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer}
.nav-toggle-lines,.nav-toggle-lines::before,.nav-toggle-lines::after{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.nav-toggle-lines{position:relative}.nav-toggle-lines::before,.nav-toggle-lines::after{content:"";position:absolute;left:0}.nav-toggle-lines::before{top:-6px}.nav-toggle-lines::after{top:6px}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines{background:transparent}.nav-toggle[aria-expanded="true"] .nav-toggle-lines::before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded="true"] .nav-toggle-lines::after{top:0;transform:rotate(-45deg)}
@media(max-width:760px){
  .nav{position:relative}.nav-toggle{display:inline-flex;margin-left:auto}.langs{flex-shrink:0}
  .navlinks{display:none;position:absolute;top:calc(100% + 1px);left:24px;right:24px;z-index:20;flex-direction:column;gap:0;padding:10px;background:#fbf8f0;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #29433f26}
  .navlinks.is-open{display:flex}
  .navlinks a{display:block;padding:13px 15px;border-radius:9px;font-size:16px}
  .navlinks a:hover,.navlinks a:focus-visible{background:#e9efe7;color:#315753;outline:none}
}
@media(max-width:390px){.nav{gap:10px}.langs{gap:5px}.langs a{font-size:12px}.shell.nav{padding-left:16px;padding-right:16px}.navlinks{left:16px;right:16px}}