.locale-switch {
  display: flex;
  gap: 4px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .1em;
}

.locale-switch a {
  min-width: 30px;
  padding: 7px 6px;
  border: 1px solid transparent;
  border-radius: 99px;
  text-align: center;
  color: var(--muted);
}

.locale-switch a:hover,
.locale-switch a:focus-visible {
  color: var(--text);
  border-color: var(--line);
}

.locale-switch a[aria-current="page"] {
  color: var(--text);
  border-color: rgba(224, 83, 114, .5);
  background: rgba(94, 20, 40, .2);
}

@media (max-width: 900px) {
  .prod-nav { display: none; }
  .locale-switch { margin-left: auto; }
  .locale-switch a { min-width: 28px; padding: 6px 4px; }
  .core-status { margin-left: 5px; }
}

@media (max-width: 380px) {
  .wordmark img { width: 36px; height: 36px; }
  .locale-switch { gap: 1px; }
  .locale-switch a { min-width: 25px; font-size: 9px; }
}