html{
  scroll-padding-top: var(--font-size-xl);
}

main h2 {
  text-align: center;
}
main h3 {
  margin-top: var(--space-xl);
}

main h4 {
  margin-bottom: var(--space-sm);
}

main .column h4 {
  margin-bottom: var(--space-xxs);
}

main .column p > strong {
  line-height: 2;
}

main .row {
  flex-wrap: wrap;
  justify-content: center;
  column-gap: var(--space-lg);
  row-gap: var(--space-md);

  text-align: center;
}

main .row > * {
  width: 250px;
}

main p {
  margin-bottom: var(--space-lg);
}

main .column p {
  margin: 0;
}

main ol {
  list-style-type: none;
  padding-left: 0;

  counter-reset: number;
}

main ol li h4::before {
  counter-increment: number;
  content: counter(number) ". ";
  font-weight: bold;
}