/* Shared four-page navigation. The original homepage presentation stays intact. */
.site-header { gap: 32px; }
.site-nav { gap: 27px; }
.site-nav a { white-space: nowrap; }
@media (max-width:1050px) { .site-nav { gap: 20px; } .site-header { gap: 24px; } }
@media (min-width:701px) and (max-width:900px) {
  .site-header { position: relative; }
  .menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:6px; order:3; border:0; background:transparent; padding:12px 0 12px 12px; min-width:36px; min-height:44px; }
  .menu-toggle span { width:23px; height:1px; background:var(--ink); transition:transform .2s; }
  .menu-toggle[aria-expanded=true] span:first-child { transform:translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .site-nav { display:none; position:absolute; top:123px; left:calc(-1 * var(--pad)); right:calc(-1 * var(--pad)); padding:20px var(--pad) 28px; background:var(--paper); z-index:30; border-bottom:1px solid var(--line); }
  .site-nav.is-open { display:flex; align-items:stretch; flex-direction:column; gap:4px; }
  .site-nav a { font-size:1.2rem; }
  .site-nav a:after { display:none; }
}