/* Container to reset the main counter */
.legal-doc {
counter-reset: level1;
}
/* Common resets for all lists in this container */
.legal-doc ol {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
/* LEVEL 1: Articles */
.legal-doc > ol > li {
counter-increment: level1;
counter-reset: level2;
margin-top: 1.5em;
font-weight: bold; /* Optional: makes Article headers pop */
}
/* LEVEL 2: 1.1, 1.2... */
.legal-doc ol ol > li {
counter-increment: level2;
counter-reset: level3;
position: relative;
padding-left: 3.5em; /* This creates the gutter */
margin-bottom: 0.5em;
font-weight: normal;
}
.legal-doc ol ol > li::before {
content: counter(level1) "." counter(level2);
position: absolute;
left: 0;
width: 3em; /* Width of the numbering area */
text-align: left;
}
/* LEVEL 3: 1.1.1, 1.1.2... */
.legal-doc ol ol ol > li {
counter-increment: level3;
counter-reset: level4;
padding-left: 4.5em; /* Wider gutter for more digits */
}
.legal-doc ol ol ol > li::before {
content: counter(level1) "." counter(level2) "." counter(level3);
width: 4em;
}
/* LEVEL 4: 1.1.1.1... */
.legal-doc ol ol ol ol > li {
counter-increment: level4;
padding-left: 5.5em;
}
.legal-doc ol ol ol ol > li::before {
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4);
width: 5em;
}