/* One opaque palette for every main-site header, independent of hero and theme. */
.site-header {
  --header-paper: #f6f3ea;
  --header-ink: #20211e;
  --header-muted: #55594f;
  --header-rule: #deddd4;
  --header-active: #232822;
  --header-hover: #e8e5db;
  --header-action: #f0e5c9;
  --header-action-hover: #e8d9b4;
}
body .site-header:is(.is-light,.is-dark) .nav__links {
  background: var(--header-paper);
  color: var(--header-ink);
  border: 1px solid var(--header-rule);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body .site-header:is(.is-light,.is-dark) .nav__action {
  background: var(--header-action);
  color: var(--header-ink);
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  font-weight: 600;
}
body .site-header:is(.is-light,.is-dark) .nav__action:hover { background: var(--header-action-hover); }
body .site-header:is(.is-light,.is-dark) .language > summary {
  background: transparent;
  color: var(--header-muted);
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body .site-header .nav__links > .is-current {
  background: var(--header-active);
  color: var(--header-paper);
}
body .site-header .nav__links > :is(.nav-sports,.nav-academy):not(.is-current):hover {
  background: var(--header-hover);
}
body .site-header :is(.nav-academy__panel,.language__menu) {
  background: var(--header-paper);
  color: var(--header-ink);
  border: 1px solid var(--header-rule);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body .site-header .nav-academy__method { color: var(--header-ink); }
body .site-header .nav-academy__method:is(:hover,[aria-current]),
body .site-header .language__menu :is(a,button):hover,
body .site-header .language__menu a[aria-current] { background: var(--header-hover); color: var(--header-ink); }
body .site-header .language__menu :is(a,button) { color: var(--header-ink); }
body .site-header .nav__links :is(a,button,summary):focus-visible,
body .site-header .nav__action:focus-visible { outline: 2px solid var(--header-active); outline-offset: 3px; }
/* Legacy desktop language options expand inside the pill, not in a panel. */
@media(min-width:641px) {
  body:not(.programme-page) .site-header .language__menu { background: transparent; border: 0; }
}