/* Shared navigation between the two independent owner series. */
.series-switch { display: inline-flex; align-items: center; flex: 0 0 auto; padding: 4px; border: 1px solid #42433f; gap: 3px; margin-right: auto; }
.series-switch a { display: block; padding: 9px 12px; color: #c9cdc5; font: 600 11px/1.2 "Work Sans", sans-serif; text-transform: uppercase; transition: background .15s, color .15s; }
.series-switch a:hover { color: #fff; background: #30312e; }
.series-switch a[aria-current="page"] { background: var(--accent); color: #111211; }
@media (max-width: 1150px) {
  .race-site .header-inner { gap: 16px; }
  .race-site .desktop-nav { gap: 16px; }
  .race-site .desktop-nav a { font-size: 11px; }
  .race-site .desktop-nav .nav-button { gap: 14px; padding: 12px; }
  .series-switch a { padding: 9px; font-size: 10px; }
}
@media (max-width: 940px) {
  .race-site .desktop-nav { display: none; }
  .race-site .menu-toggle { display: flex; align-items: center; justify-content: center; }
  .series-switch { margin-left: auto; margin-right: 0; }
}
@media (max-width: 560px) {
  .race-site .header-inner { flex-wrap: wrap; gap: 0; padding-block: 13px; }
  .race-site { --header-height: 115px; }
  .series-switch { order: 3; width: 100%; margin-top: 12px; padding: 3px; }
  .series-switch a { flex: 1; text-align: center; padding: 8px; font-size: 10px; }
  .race-site .header-inner > .menu-toggle { margin-left: auto; width: 38px; height: 38px; }
  .race-site .race-brand > span { font-size: 24px; }
  .race-site .race-brand small { font-size: 9px; margin-top: 3px; }
}