/* Keep every section reachable when the shared navigation wraps. */
.menubar .nav{display:flex;flex-wrap:wrap}
.menubar{height:auto;min-height:46px;gap:12px}
.menubar a:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
@media(max-width:1000px){
  .menubar{flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:14px 16px;border-radius:20px;gap:8px}
  .menubar .nav{display:flex;gap:0;justify-content:flex-start}
  .menubar .nav a{display:flex;align-items:center;min-height:44px;padding:8px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.menubar{animation:none}.menubar .nav a{transition:none}}