.front-nav,.project-nav{position:relative;z-index:30}
.site-menu{display:none;margin:0}
.site-menu summary{list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid var(--line,var(--rule));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;appearance:none;-webkit-appearance:none;overflow:hidden}
.site-menu summary::-webkit-details-marker,.site-menu summary::marker{display:none;content:none}
.site-menu summary span{width:20px;height:2px;background:var(--ink,var(--text))}
.site-menu nav{position:absolute;right:0;top:calc(100% + 1px);width:min(28rem,100%);display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--bg);border:1px solid var(--line,var(--rule));padding:.75rem;box-shadow:0 12px 30px #0002;z-index:60}
.site-menu nav a{padding:.7rem;text-decoration:none;font:400 .9rem/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none}
.site-menu nav a:hover{background:var(--wash)}
/* Keep the remaining destinations reachable at every width. */
.site-menu{display:block;order:2}
.site-menu nav{max-height:min(75dvh,36rem);overflow-y:auto}
@media(min-width:1001px){.site-menu nav a[data-primary-page]{display:none}}
@media(max-width:1000px){
  .front-nav .front-links,
  .project-nav .project-primary{display:none}
  .front-nav,.project-nav{flex-wrap:wrap;gap:.5rem .75rem;min-height:4.25rem;padding-block:.5rem;align-items:center}
  .front-nav .wordmark,.project-wordmark{flex:0 0 auto;margin-right:0}
  .front-nav .front-paths{order:3;flex:1 1 100%;margin:0;justify-content:flex-start;gap:.2rem}
  .front-nav .front-path{font-size:.75rem;padding:.35rem .55rem;min-height:36px}
  .front-nav .front-path--primary{padding-inline:.75rem}
  .front-nav .theme-toggle,.project-nav .project-theme{order:1;margin-left:auto}
  .site-menu{order:2}
  .site-menu nav{color:var(--ink,var(--text))}
}