.menu-toggle{display:none}

@media(max-width:767px){
  nav.site-nav{justify-content:flex-end!important}
  nav.site-nav .home-link{position:static;z-index:2;display:inline-block;margin-right:auto}
  .menu-toggle{position:absolute;right:var(--gutter,20px);display:inline-grid;flex:0 0 44px;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
  nav.site-nav .theme-toggle{position:absolute;right:calc(var(--gutter,20px) + 56px);margin-left:0}
  nav.site-nav.scrolled .menu-toggle{color:var(--nav-link,var(--blue,#0729c8))}
  .blog-page .menu-toggle,.article-page .menu-toggle{color:var(--nav-link,#0729c8)}
  html[data-theme="dark"] .blog-page .menu-toggle,html[data-theme="dark"] .article-page .menu-toggle{color:#fff}
  .menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
  .menu-toggle-icon{position:relative;display:block;width:22px;height:16px}
  .menu-toggle-icon span{position:absolute;left:0;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease,top .2s ease}
  .menu-toggle-icon span:nth-child(1){top:0}
  .menu-toggle-icon span:nth-child(2){top:7px}
  .menu-toggle-icon span:nth-child(3){top:14px}
  nav.site-nav.menu-open .menu-toggle-icon span:nth-child(1){top:7px;transform:rotate(45deg)}
  nav.site-nav.menu-open .menu-toggle-icon span:nth-child(2){opacity:0}
  nav.site-nav.menu-open .menu-toggle-icon span:nth-child(3){top:7px;transform:rotate(-45deg)}
  nav.site-nav .nav-links{position:absolute;top:calc(100% + 8px);left:var(--gutter,20px);right:var(--gutter,20px);display:grid!important;gap:0!important;padding:10px;border:1px solid rgba(7,41,200,.12);border-radius:12px;background:var(--theme-surface,#fff);box-shadow:0 18px 48px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}
  nav.site-nav.menu-open .nav-links{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  nav.site-nav .nav-links a,nav.site-nav.scrolled .nav-links a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;color:var(--nav-link,var(--blue,#0729c8))!important;font-size:.75rem!important;letter-spacing:.12em!important}
  nav.site-nav .nav-links a:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
}

@media(prefers-reduced-motion:reduce){
  .menu-toggle-icon span,nav.site-nav .nav-links{transition:none}
}