.antialiased {
  --font-geist-sans: Arial, Helvetica, sans-serif;
}

.header-actions {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-self: end;
}

.language-switcher {
  align-items: center;
  border: 1px solid #ffffff73;
  border-radius: 999px;
  display: flex;
  padding: .2rem;
}

.language-switcher a {
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 800;
  line-height: 1;
  min-width: 2.25rem;
  padding: .38rem .55rem;
  text-align: center;
  transition: background .2s, color .2s;
}

.language-switcher a[aria-current="page"] {
  background: var(--yellow);
  color: var(--ink);
}

.language-switcher a:not([aria-current="page"]):hover {
  background: #ffffff1f;
}

.header-social {
  justify-self: auto;
}

@media (width <= 560px) {
  .header-actions { gap: .55rem; }
  .language-switcher a { min-width: 2rem; padding: .35rem .42rem; }
}