:where(h1, h2, h3, h4, h5, h6),
.display {
  margin-block-end: var(--space-3);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  overflow-wrap: anywhere;
  text-wrap: balance;
}

h1 {
  font-size: var(--text-h1);
  line-height: var(--leading-h1);
}

h2 {
  font-size: var(--text-h2);
  line-height: var(--leading-h2);
}

h3 {
  font-size: var(--text-h3);
  line-height: var(--leading-h3);
}

h4 {
  font-size: var(--text-h4);
  line-height: var(--leading-h4);
}

:where(h5, h6) {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  letter-spacing: normal;
}

.display {
  font-size: var(--text-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
}

:where(p, ul, ol, dl, blockquote, pre, figure) {
  margin-block-end: var(--space-4);
}

:where(p, li, dd, a) {
  overflow-wrap: anywhere;
}

.lead {
  max-inline-size: var(--measure-lead);
  font-size: var(--text-lead);
  line-height: var(--leading-lead);
}

small,
.text-small {
  font-size: var(--text-small);
  line-height: var(--leading-small);
}

.editorial-label {
  color: var(--color-text-muted);
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-label);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.metadata {
  color: var(--color-text-muted);
  font-size: var(--text-metadata);
  font-weight: var(--weight-medium);
  line-height: var(--leading-metadata);
  font-variant-numeric: tabular-nums;
}

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