/* Keep the four-link navigation clear of the logo on narrow screens. */
header nav { flex-shrink: 0; }
header nav a:focus-visible { outline: 2px solid var(--bright); outline-offset: 6px; }
header nav a[aria-current="page"] { color: var(--bright); }
.spike-page header nav a:first-child { color: var(--cream); }
.spike-page header nav a:hover { color: var(--bright); }
@media (max-width: 700px) {
  header { height: auto; min-height: 104px; flex-direction: column; justify-content: center; gap: 14px; padding-top: 16px; padding-bottom: 20px; }
  header nav { gap: 22px; padding-right: 0; }
}