/* Shared by the public pages, including the light-only brand guide. */
.language-pending body { visibility: hidden; }
.language-toggle[hidden] { display: none; }
.language-toggle {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 0;
  color: inherit;
}
.language-toggle button {
  appearance: none;
  display: grid;
  place-items: center;
  width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: 500 13px 'Jost', sans-serif;
  letter-spacing: .06em;
  opacity: .55;
}
.language-toggle button[aria-pressed="true"] { opacity: 1; border-bottom-color: currentColor; }
.language-toggle button:hover { opacity: 1; }
.language-toggle button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
header.nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
header .header-tools { display: flex; align-items: center; flex-wrap: nowrap; gap: 16px; }
.language-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 860px) {
  header.site-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 64px;
    padding-block: 10px;
  }
  header.site-header > a { min-width: 0; flex: 0 1 auto; }
  header.site-header > a img { width: auto; max-width: 100%; max-height: 24px; object-fit: contain; }
  header.site-header .header-tools { display: flex; flex: none; align-items: center; gap: 4px; }
  header.site-header .header-tools > .header-link { display: none; }
  header.site-header .language-toggle, header.site-header .theme-toggle {
    grid-column: auto;
    grid-row: auto;
    justify-self: auto;
  }
  header.nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px 8px;
  }
  header.nav .header-tools { display: contents; }
  header.nav .language-toggle { grid-column: 2; grid-row: 1; }
  header.nav .header-tools > a { grid-column: 1; grid-row: 2; font-size: 12px; letter-spacing: .04em; }
  header.nav > a img { max-width: 100%; object-fit: contain; object-position: left center; }
}