/* Shared header geometry — 2026-09-19. Language groups and adjacent controls: 42px. */
html .language,
html .language-switcher,
html .admin-languages,
html[data-tolf-ui="quick"] header nav[aria-label="Language"],
html .header-switchers .platform-switcher {
  box-sizing: border-box;
  height: 42px;
  min-height: 42px;
  max-height: 42px;
  padding-block: 4px;
  align-items: center;
  flex-wrap: nowrap;
}
html .language > button,
html .language-switcher > button,
html .admin-languages > button,
html[data-tolf-ui="quick"] header nav[aria-label="Language"] > button,
html .header-switchers .platform-switcher > button {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding-block: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}
html[data-tolf-ui] .top-actions :is(.account-link, .signup-link, .authenticated-account-status, .authenticated-account-logout),
html[data-tolf-ui] .page-top .back,
html[data-tolf-ui] .page-top > a,
html[data-tolf-ui] .topbar-inner > .brand,
html[data-tolf-ui] .admin-header > div > a,
html[data-tolf-ui="quick"] header > a,
html .brand .site-nav > a,
html[data-tolf-ui="vpn"] :is(#redeemPromoButton, #signOutButton, #vpnAdminLink),
html .header-promo .promo-input {
  box-sizing: border-box;
  height: 42px;
  min-height: 42px;
  max-height: 42px;
  padding-block: 0;
  align-items: center;
}
html[data-tolf-ui] .top-actions :is(.account-link, .signup-link, .authenticated-account-status, .authenticated-account-logout),
html[data-tolf-ui] .page-top > a,
html[data-tolf-ui] .topbar-inner > .brand,
html[data-tolf-ui] .admin-header > div > a,
html[data-tolf-ui="quick"] header > a {
  display: inline-flex;
  justify-content: center;
}

/* One language control across TOLF, independent of each page's legacy styles. */
html .tolf-language.tolf-language {
  display: inline-flex;
  flex: 0 0 auto;
  width: max-content;
  box-sizing: border-box;
  height: 42px;
  min-height: 42px;
  max-height: 42px;
  padding: 4px;
  gap: 0;
  align-items: center;
  align-self: flex-end;
  flex-wrap: nowrap;
  border: 1px solid #d8d8dc;
  border-radius: 11px;
  background: #ffffff;
  box-shadow: none;
}
html .tolf-language.tolf-language > button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  min-width: 34px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  margin: 0;
  padding: 0 6px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #6e6e73;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  box-shadow: none;
  cursor: pointer;
  transition: none;
  -webkit-appearance: none;
  appearance: none;
}
html .tolf-language.tolf-language > button:is(.active, [aria-pressed="true"]) {
  color: #1d1d1f;
  background: #d9d9df;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .10);
}
html .tolf-language.tolf-language > button:focus-visible {
  outline: 2px solid #0c3f85;
  outline-offset: 1px;
}
@media (prefers-color-scheme: dark) {
  html .tolf-language.tolf-language {
    background: #1e2934;
    border-color: #42505e;
  }
  html .tolf-language.tolf-language > button { color: #aab7c4; }
  html .tolf-language.tolf-language > button:is(.active, [aria-pressed="true"]) {
    color: #f5f7fa;
    background: #3a3a3c;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
  }
  html .tolf-language.tolf-language > button:focus-visible { outline-color: #80baff; }
}