:root {
  --delegation-card-gap: var(--space-2);
  --delegation-card-heading-gap: var(--space-3);
}

.delegation-card {
  display: grid;
  gap: var(--delegation-card-gap);
}
.delegation-card__heading { display: flex; align-items: center; justify-content: space-between; gap: var(--delegation-card-heading-gap); }
.delegation-card__eyebrow { font: var(--font-type-caption); color: var(--color-muted-foreground); }
.delegation-card__title { font: var(--font-type-title); margin: 0; overflow-wrap: anywhere; }
.delegation-card__link { justify-self: start; font: var(--font-type-label-strong); color: var(--color-link); }