.step-section {
  margin-block-end: var(--block-space);
}

.step-section__header {
  display: flex;
  align-items: center;
  gap: var(--inline-space);
  margin-block-end: 0.4em;
}

.step-section__title {
  max-inline-size: 20rem;
  font-weight: 700;
}

/* Grows with the steps instead of scrolling - the whole section stays
   readable at a glance while editing. */
.step-section__body {
  min-block-size: 8lh;
  max-block-size: none;
  line-height: 1.5;
}

.form-hint {
  font-size: var(--font-size-s);
  color: var(--color-ink-muted);
  margin-block-end: var(--block-space);
}