/* One language button keeps the navigation on a single line. The links
 * remain visible in the baseline layout until JavaScript enhances them. */
.language-menu-ready { --nav-h: 54px; }
.language-menu-ready .navbar-in,
.site-language-menu-ready .sb-in {
  height: 54px;
  min-height: 54px;
  padding-block: 0;
  flex-wrap: nowrap;
  row-gap: 0;
}
.language-menu.nav-langs,
.language-menu.sb-langs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: none;
  order: 0;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
}
.language-menu .language-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 8px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--ink-2);
  font: 500 12.5px/1 var(--f-ui);
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.language-menu .language-toggle-label {
  padding: 0;
  font: inherit;
  color: inherit;
}
.language-menu .language-toggle:hover,
.language-menu .language-toggle[aria-expanded="true"] { color: var(--ink); background: var(--fill-4); }
.language-menu .language-toggle:focus-visible,
.language-menu .language-options a:focus-visible { outline: 2px solid var(--tint); outline-offset: 2px; }
.language-menu svg { display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.language-menu .language-globe { width: 17px; height: 17px; }
.language-menu .language-chevron { width: 12px; height: 12px; }
.language-menu .language-toggle[aria-expanded="true"] .language-chevron { transform: rotate(180deg); }
.language-menu .language-options {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  z-index: 5;
  display: grid;
  gap: 2px;
  min-width: 156px;
  max-width: calc(100vw - 24px);
  padding: 6px;
  border: 1px solid var(--rule-2);
  border-radius: 10px;
  background: var(--paper);
  color: var(--ink);
}
.language-menu .language-options[hidden] { display: none; }
.language-menu .language-options > :is(a, span) {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 44px;
  padding: 10px 12px;
  box-sizing: border-box;
  border-radius: 5px;
  color: var(--ink-2);
  font: 500 14px/1.25 var(--f-ui);
  text-decoration: none;
  white-space: nowrap;
}
.language-menu .language-options a::after { content: none; }
.language-menu .language-options a:hover { background: var(--fill-4); color: var(--ink); }
.language-menu .language-options [aria-current] { background: var(--fill-3); color: var(--ink); font-weight: 600; }
.language-menu .language-options [aria-current]::before {
  content: '';
  width: 5px;
  height: 9px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  margin-right: 12px;
  margin-top: -3px;
}
@media (max-width: 559px) {
  .language-menu-ready .navbar-in,
  .site-language-menu-ready .sb-in { gap: 4px; }
  .site-language-menu-ready .sb-acct { margin-left: 0; gap: 4px; }
  .language-menu .language-toggle { gap: 5px; padding-inline: 5px; }
  .language-menu-ready .navbar-in:has(.nav-credits:not(.hidden)) .nav-links,
  .site-language-menu-ready .sb-in:has(.nav-credits:not(.hidden)) .sb-links { display: none; }
}
@media (max-width: 379px) {
  .language-menu-ready .nav-links,
  .site-language-menu-ready .sb-links { display: none; }
  .language-menu-ready .wordmark,
  .site-language-menu-ready .sb-mark { font-size: 16px; gap: 6px; }
}
@media print {
  .language-menu .language-options { display: none; }
}