@media (min-width: 1141px) {
  .header__nav {
    gap: 16px;
  }

  .header__nav > a,
  .header__nav > span.active {
    flex: 0 0 auto;
    margin-right: 0;
    padding-block: 10px;
    white-space: nowrap;
  }

  .header__nav > a:focus-visible {
    outline: 2px solid #a28914;
    outline-offset: 3px;
  }
}

@media (min-width: 1141px) and (max-width: 1199px) {
  .header__nav > a,
  .header__nav > span.active {
    font-size: 16px;
  }
}