.education-card {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2) var(--space-3);
}

.education-card__degree {
  font-size: var(--text-h3, 20px);
  font-weight: var(--weight-semibold);
  color: var(--text-primary);
}

.education-card__school {
  color: var(--text-muted);
}

.education-card__school::before,
.education-card__period::before {
  content: "·";
  margin-right: var(--space-3);
  color: var(--text-muted);
}

.education-card__period {
  font-size: 14px;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}