.vr-header { --vr-link-color: var(--vr-ink); --vr-link-visited-color: var(--vr-ink); --vr-link-hover-color: var(--vr-accent); position: relative; z-index: 5; background: var(--vr-header-surface); border-bottom: var(--vr-border); }
.vr-header__inner { min-height: var(--vr-header-height); display: flex; align-items: center; justify-content: space-between; gap: var(--vr-space-6); }
.vr-header__brand { display: block; width: min(var(--vr-logo-width), 46vw); }
.vr-header__brand img { width: 100%; height: auto; }
.vr-header__nav { display: flex; gap: var(--vr-space-6); align-items: center; font-size: var(--vr-text-nav); }
.vr-header__nav a { display: inline-flex; min-height: var(--vr-control-min-size); align-items: center; color: var(--vr-link-color); font-weight: var(--vr-weight-medium); text-decoration: none; }
.vr-header__nav a:hover { color: var(--vr-link-hover-color); }
@media (max-width: 48rem) {
  .vr-header__inner { align-items: flex-start; flex-direction: column; justify-content: center; gap: var(--vr-space-2); padding-block: var(--vr-space-3); }
  .vr-header__brand { width: var(--vr-logo-width-mobile); }
  .vr-header__nav { width: 100%; gap: var(--vr-space-5); overflow-x: auto; white-space: nowrap; }
}