/* Compact DMS language navigation in the homepage brand palette. */
.language-toggle {
  display: inline-flex;
  width: max-content;
  justify-self: end;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(0, 24, 113, .25);
  border-radius: 999px;
  background: #fff;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 1;
  overflow: visible;
}
.language-toggle a {
  min-height: 32px;
  min-width: 36px;
  padding: 6px 9px;
  border: 0;
  border-radius: 999px;
  color: #001871;
  text-decoration: none;
}
.language-toggle a + a { border-left: 0; }
.language-toggle a:hover { background: #eef9fa; color: #001871; }
.language-toggle a.is-active { background: #00b0b9; color: #001871; }
.language-toggle a:focus-visible { outline: 2px solid #001871; outline-offset: 2px; }
@media (max-width: 680px) {
  .site-header { gap: 10px; }
  .brand img { width: clamp(84px, 24vw, 130px); }
  .language-toggle { grid-column: 2; grid-row: 1; font-size: 12px; gap: 2px; padding: 3px; }
  .language-toggle a { min-width: 30px; min-height: 30px; padding: 6px 7px; }
  .nav-links { grid-column: 1 / -1; grid-row: 2; }
}