:root {
  --ops-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.site-header,
.header-brand,
.header-nav,
.header-nav-item {
  font-family: var(--ops-font-sans);
}

.header-nav-item {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  letter-spacing: normal;
  text-rendering: optimizeLegibility;
}

.header-nav-item:hover {
  font-weight: 400;
}

.header-nav-item.active,
.header-nav-item.active:hover {
  font-weight: 600;
}

@media (min-width: 640px) {
  .header-nav-item {
    padding: 6px 16px;
    font-size: 14px;
    line-height: 20px;
  }
}