.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;
}

.hero .eyebrow {
  align-items: center;
  display: flex;
  gap: .65rem;
}

.pride-mark {
  background: url("/assets/images/brand/intersex-inclusive-progress-pride.svg") center / cover no-repeat;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #ffffff40;
  display: inline-block;
  flex: 0 0 auto;
  height: .9rem;
  width: 1.5rem;
}

.training-status {
  align-self: flex-start;
  background: var(--yellow, #f6d819);
  border-radius: 999px;
  color: var(--ink, #111827);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .04em;
  line-height: 1.25;
  margin-top: .55rem;
  padding: .42rem .65rem;
  text-transform: uppercase;
}

.training-status[data-status="cancelled"] {
  background: #fff;
  color: #9d1c27;
}

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