.document {
  margin: 0 5rem;
}

.document p {
  margin: 1rem 0;
}

.document h1,
.document h2,
.document h3 {
  margin: 1rem 0;
}

.document .headings::marker {
  padding: 1rem;
}

.document a {
  color: blue;
}

.document a:hover {
  color: purple;
}

.document {
  counter-reset: h2;
}

.document h2 {
  counter-reset: h3;
}

.document h3 {
  counter-reset: h4;
}

.document :not(#table-of-contents) h2::before {
  counter-increment: h2;
  content: counter(h2) ". ";
}

.document :not(#table-of-contents) h3::before {
  counter-increment: h3;
  counter-reset: h4;
  content: counter(h2) "." counter(h3) ". ";
}

.document h4::before {
  counter-increment: h4;
  content: counter(h2) "." counter(h3) "." counter(h4) ". ";
}