/* Written by Gemini! */
/* Container and Reset */
.legal-doc {
counter-reset: level1;
line-height: 1.5;
}
.legal-doc ol {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
/* LEVEL 1: Articles (Bold, No Number) */
.legal-doc > ol > li {
counter-increment: level1;
counter-reset: level2;
margin-top: 1.8em;
}
/* Common for Levels 2-4: prepare for numbering */
.legal-doc ol ol > li {
position: relative;
margin-bottom: 0.6em;
}
.legal-doc ol ol > li::before {
position: absolute;
text-align: left;
}
/* LEVEL 2: "Section 1.1"
Text starts at 6.5em (the Gutter) */
.legal-doc ol ol > li {
counter-increment: level2;
counter-reset: level3;
padding-left: 6.5em;
}
.legal-doc ol ol > li::before {
content: "Section " counter(level1) "." counter(level2);
left: 0; /* Level 2 label starts at the margin */
width: 6em;
}
/* LEVEL 3: "1.1.1"
Text starts at 6.5em (Matches Level 2 alignment) */
.legal-doc ol ol ol > li {
counter-increment: level3;
counter-reset: level4;
padding-left: 6.5em;
}
.legal-doc ol ol ol > li::before {
content: counter(level1) "." counter(level2) "." counter(level3);
left: 1em; /* Small indent from margin (~2 spaces) */
width: 5em;
}
/* LEVEL 4: "1.1.1.1"
Slightly deeper indent for both numbering and text */
.legal-doc ol ol ol ol > li {
counter-increment: level4;
padding-left: 7.5em; /* Text indented slightly more than Level 3 */
}
.legal-doc ol ol ol ol > li::before {
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4);
left: 2em; /* Deeper label indent from margin (~4 spaces) */
width: 5em;
}
/* Bigger break for <br /> tags */
.legal-doc br {
display: block;
content: "";
margin-top: 0.6em;
}