.masthead .language-switch {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 2px;
  padding: 4px;
  border: 1px solid #c99555;
  border-radius: 11px;
  background: linear-gradient(145deg, #071b2bea, #0d2a3bea);
  box-shadow: inset 0 0 0 1px #08131d, 0 4px 14px #0008;
}
.masthead .language-switch button {
  min-width: 36px;
  min-height: 31px;
  padding: 5px 6px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #efdab1;
  font: 700 10px Georgia, serif;
  letter-spacing: .06em;
  cursor: pointer;
  transition: background .2s, color .2s, box-shadow .2s;
}
.masthead .language-switch button:hover,
.masthead .language-switch button:focus-visible {
  background: #18405a;
  color: #fff;
  outline: 1px solid #8ce5ef;
}
.masthead .language-switch button[aria-pressed="true"] {
  border-color: #e3b36e;
  background: linear-gradient(145deg, #c69552, #efca82);
  box-shadow: 0 0 12px #60dbe468, inset 0 0 0 1px #ffdf9a;
  color: #081a29;
}
@media (max-width: 650px) {
  .masthead .language-switch { gap: 0; padding: 3px; }
  .masthead .language-switch button { min-width: 30px; min-height: 29px; padding: 4px; font-size: 9px; }
}
@media (max-width: 360px) {
  .masthead .brand { width: 106px; }
  .masthead .brand::before { width: 119px; height: 120px; }
  .masthead .brand img { width: 106px; height: 106px; }
  .masthead .header-actions { gap: 3px; }
  .masthead .header-actions .icon-button { width: 30px; }
  .masthead .language-switch { padding: 2px; }
  .masthead .language-switch button { min-width: 24px; min-height: 27px; padding: 3px 2px; font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .masthead .language-switch button { transition: none; }
}