/* Set up counter */
.main-list {
  counter-reset: section;
}

.main-list > li {
  counter-increment: section;
}

.main-list > li::marker {
  content: counter(section) ". ";
  font-weight: bold;
}
/* First nested level (e.g., 2.1, 2.2) */
.main-list ol {
  counter-reset: sub-section;
  margin-left: 20px; /* Indentation for sub-level */
  padding-left: 10px;
}

.main-list ol > li {
  counter-increment: sub-section;
}

.main-list ol > li::marker {
  content: counter(section) "." counter(sub-section) " ";
}

/* Second nested level (e.g., 2.2.1, 2.2.2) */
.main-list ol ol {
  counter-reset: sub-sub-section;
  margin-left: 30px; /* Further indentation */
  padding-left: 10px;
}

.main-list ol ol > li {
  counter-increment: sub-sub-section;

}

.main-list ol ol > li::marker {
  content: counter(section) "." counter(sub-section) "." counter(sub-sub-section) " ";
}