.mobile-menu-toggle{display:none}
@media(max-width:720px){
  .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0;border:0;background:transparent;color:currentColor;cursor:pointer;font:700 10px var(--font-display);letter-spacing:.12em;text-transform:uppercase}
  .site-nav[data-mobile-menu]{position:relative;align-items:center}
  .site-nav[data-mobile-menu] .mobile-menu-toggle{order:-1}
  .site-nav[data-mobile-menu] .wordmark{margin-right:auto}
  .site-nav[data-mobile-menu] .site-nav__links{position:absolute;top:100%;left:0;display:none;width:min(calc(100vw - 32px),320px);margin-top:1px;padding:18px;border:1px solid var(--paper-border);background:var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.22);flex-direction:column;align-items:flex-start;gap:15px;letter-spacing:.1em}
  .site-nav[data-mobile-menu] .site-nav__links.is-open{display:flex}
  .site-nav[data-mobile-menu] .site-nav__links .lang-toggle{margin-top:4px}
  .nav-on-light .site-nav[data-mobile-menu] .site-nav__links{border-color:var(--ink-border);background:var(--paper)}

  .about-nav__inner{position:relative;align-items:center}
  .about-nav[data-mobile-menu] .mobile-menu-toggle{order:-1}
  .about-nav[data-mobile-menu] .about-wordmark{margin-right:auto}
  .about-nav[data-mobile-menu] .about-nav__links{position:absolute;top:100%;left:0;display:none;width:min(calc(100vw - 32px),320px);margin-top:1px;padding:18px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:var(--paper);box-shadow:0 12px 30px rgba(0,0,0,.15);flex-direction:column;align-items:flex-start;gap:15px}
  .about-nav[data-mobile-menu] .about-nav__links.is-open{display:flex}
  .about-nav[data-mobile-menu] .about-nav__links.is-open a{display:block}
  .about-nav.is-dark[data-mobile-menu] .about-nav__links{border-color:var(--paper-border);background:var(--ink)}
  .about-nav[data-mobile-menu] .about-language{margin:4px 0 0}

  .tools-header{position:relative;align-items:center}
  .tools-header[data-mobile-menu] .mobile-menu-toggle{order:-1;color:var(--paper)}
  .tools-header[data-mobile-menu] .wordmark{margin-right:auto}
  .tools-header[data-mobile-menu] .tools-nav{position:absolute;top:100%;left:0;display:none;width:min(calc(100vw - 32px),320px);margin-top:1px;padding:18px;border:1px solid var(--paper-border);background:var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.22);flex-direction:column;align-items:flex-start;gap:15px}
  .tools-header[data-mobile-menu] .tools-nav.is-open{display:flex}
  .tools-header[data-mobile-menu] .tools-nav.is-open .tools-nav__links{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
}