/* adapted from https://mark.ie/blog/nested-lists-in-css-with-a-numbered-hierarchy */
/* Reset the counter on the main ordered list */
body > ol {
    counter-reset: section;
}
/* Style for the main list items */
body > ol > li {
    counter-increment: section;
}
/* Before each list item in the main list, insert the counter */
body > ol > li::marker {
    content: counter(section) ". ";
}
/* For nested lists, add a new counter and reset it */
ol > li > ol {
    conuter-reset: subsection;
}
/* For nested list items, increment the subsection counter */
ol > li > ol > li {
    counter-increment: subsection;
}
/* Format the second-level list items with main section and subsection */
ol > li > ol > li::marker {
    content: counter(section) "." counter(subsection) " ";
}