.nav-toggle { display:none; color:inherit; background:transparent; border:1px solid currentColor; border-radius:2px; min-width:44px; min-height:44px; font-size:1.35rem; cursor:pointer; }
.nav-toggle:focus-visible { outline:3px solid #df774b; outline-offset:4px; }

  header.mobile-navigation { flex-direction:row; flex-wrap:wrap; align-items:center; gap:1rem; }
  header.mobile-navigation .nav-toggle { display:block; margin-left:auto; }
  header.mobile-navigation nav#main-navigation { flex-basis:100%; display:flex; flex-direction:column; align-items:stretch; gap:0; }
  header.mobile-navigation nav#main-navigation[hidden] { display:none; }
  header.mobile-navigation nav#main-navigation a { padding:.7rem .5rem; }