/* autonumber headings using css counters */
/* see stackoverflow question: stackoverflow.com/questions/535334/html-css-autonumber-headings */
/* see MDN: Using CSS counters: developer.mozilla.org/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters */

body{counter-reset: section}
h2{counter-reset: sub-section}
h3{counter-reset: composite}
h4{counter-reset: detail}

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

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

h4:before{
    counter-increment: composite;
    content: counter(section) "." counter(sub-section) "." counter(composite) " ";
}

h5:before{
    counter-increment: detail;
    content: counter(section) "." counter(sub-section) "." counter(composite) "." counter(detail) " ";
}