/* Language switcher — shared across marketing pages */
.lang-switch {
  display: inline-flex;
  gap: 0.2rem;
  margin-left: 0.35rem;
  align-items: center;
}
.lang-switch button {
  font: inherit;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 0.2rem 0.45rem;
  border: 1px solid rgba(243, 239, 230, 0.28);
  background: transparent;
  color: rgba(243, 239, 230, 0.7);
  cursor: pointer;
  border-radius: 2px;
}
.lang-switch button.on,
.lang-switch button[aria-pressed="true"] {
  color: #1a2218;
  background: #e8a87c;
  border-color: #e8a87c;
}
.lang-switch button:hover {
  color: #f3efe6;
  border-color: rgba(243, 239, 230, 0.55);
}
.lang-switch select {
  font: inherit;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.35rem;
  border: 1px solid rgba(243, 239, 230, 0.28);
  background: rgba(0, 0, 0, 0.25);
  color: rgba(243, 239, 230, 0.85);
  border-radius: 2px;
  max-width: 7.5rem;
}
.studio-body .lang-switch button {
  color: inherit;
  border-color: rgba(0, 0, 0, 0.2);
}
.studio-body .lang-switch button.on,
.studio-body .lang-switch button[aria-pressed="true"] {
  background: #c45c26;
  color: #fff;
  border-color: #c45c26;
}
.studio-body .lang-switch select {
  background: #fff;
  color: inherit;
  border-color: rgba(0, 0, 0, 0.2);
}
.tt-bar .lang-switch,
.tt-dock .lang-switch {
  margin-left: auto;
}

.tt-bar .lang-switch {
  margin-left: 0.5rem;
  flex: 0 0 auto;
}
.tt-bar .lang-switch select {
  max-width: 5.5rem;
  background: rgba(0,0,0,0.55);
  color: #f4f0e8;
  border-color: rgba(244,240,232,0.35);
}
.lang-switch select {
  max-width: 6.5rem;
  min-width: 3.5rem;
  cursor: pointer;
}