header { gap: 20px; }
header .brand { flex-shrink: 0; }
header nav { align-items: center; min-width: 0; }
.nav-toggle { display: none !important; }
header nav a[aria-current] { color: var(--green2); }
:where(a,button,input,select,summary):focus-visible { outline: 3px solid #167759; outline-offset: 3px; }
:where(section[id],main[id]) { scroll-margin-top: 100px; }
@media (max-width: 1320px) {
  header { display: grid; grid-template-columns: minmax(0,1fr); height: auto; min-height: 0; gap: 8px; padding: 12px 24px 8px; }
  header .brand { justify-self: start; }
  header nav, header.has-menu nav, header.has-menu.menu-open nav {
    display: flex; flex-wrap: nowrap; gap: 8px; width: 100%; max-width: 100%; min-width: 0;
    overflow-x: auto; overflow-y: hidden; padding: 3px 2px 6px;
    overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity; scroll-padding-inline: 2px;
    scrollbar-width: thin; scrollbar-color: #b7c9c0 transparent;
  }
  header nav::-webkit-scrollbar { height: 3px; }
  header nav::-webkit-scrollbar-thumb { background: #b7c9c0; border-radius: 3px; }
  header nav a, header nav .account-nav, header nav button {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
    min-height: 44px; padding: 8px 13px !important; white-space: nowrap;
    font-size: 14px !important; line-height: 1.2; border: 1px solid var(--line);
    border-radius: 999px; background: white; color: var(--ink); text-decoration: none;
    scroll-snap-align: start;
  }
  header nav a[aria-current] { background: var(--green); border-color: var(--green); color: white; }
}
@media (max-width: 560px) {
  header { padding: 10px 16px 6px; gap: 8px; }
  header .brand { font-size: 16px; gap: 8px; }
  header .brand .mark { width: 32px; height: 32px; }
  header nav a, header nav .account-nav { display: inline-flex; }
  :where(section[id],main[id]) { scroll-margin-top: 120px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; } }
@media print { header, .nav-toggle { display: none !important; } }