h3 {
  font-size: var(--font-size-md);
  margin-top: var(--space-lg);
  margin-bottom: var(--space-xs);
}

p {
  margin-top: 0;
}

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

  counter-reset: mainNumber;
}

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

main ol > li > ol {
  counter-reset: secondNumber;
}

main ol > li > ol > li {
  margin-bottom: var(--space-sm);
}

main ol > li > ol > li::before {
  counter-increment: secondNumber;
  content: counter(secondNumber, lower-latin) ") ";
}

main ol > li > ol > li > ul {
  padding-top: var(--space-xs);
  padding-left: var(--space-lg);

  margin-bottom: var(--space-md);

  list-style-type: square;
}

main ol > li > ol > li > ul > li {
  margin-bottom: var(--space-sm);
}