/* .section-counter {
    counter-increment: section;
}

.section-counter>.section-counter {
    counter-reset: section;
}

.section-counter~.section-counter {
    counter-reset: none;
}

.section-counter .numbered::before {
    content: counters(section, ".");
} */


/* reset counter when started */

body {
    counter-reset: section;
}


/* Increase section counter for Heading 2 (h2) */

h2.numbered::before {
    counter-increment: section;
    content: counter(section) ". ";
}


/* Reset counter for Sub-Heading (h3) */

h2.numbered {
    counter-reset: subsection;
}


/* Increase and display for Sub-Heading (h3) */

h3.numbered::before {
    counter-increment: subsection;
    content: counter(section) "." counter(subsection) " ";
}


/* Reset Counter for Sub-Sub-Heading (h4) */

h3.numbered {
    counter-reset: subsubsection;
}


/* Increase and display for Sub-Sub-Heading (h4) */

h4.numbered::before {
    counter-increment: subsubsection;
    content: counter(section) "." counter(subsection) "." counter(subsubsection) " ";
}


/* Reset Counter for Sub-Sub-Sub-Heading (h5) */

h4.numbered {
    counter-reset: subsubsubsection;
}


/* Increase and display for Sub-Sub-Sub-Heading (h5) */

h5.numbered::before {
    counter-increment: subsubsubsection;
    content: counter(section) "." counter(subsection) "." counter(subsubsection) "." counter(subsubsubsection) " ";
}


/* Reset Counter for Sub-Sub-Sub-Sub-Heading (h6) */

h5.numbered {
    counter-reset: subsubsubsubsection;
}


/* Increase and display for Sub-Sub-Sub-Sub-Heading (h6) */

h6.numbered::before {
    counter-increment: subsubsubsubsection;
    content: counter(section) "." counter(subsection) "." counter(subsubsection) "." counter(subsubsubsection) "." counter(subsubsubsubsection) " ";
}