Template:LegalDocument/styles.css

/* Gemini sucks */

/* Container Reset */
.legal-doc {
  counter-reset: level1;
  line-height: 1.6;
  margin-top: 1em;
}

/* 1. Reset all lists to zero indent so they align with "Normal Text" */
.legal-doc ol {
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2. LEVEL 1: Articles - Centered */
.legal-doc > ol > li {
  counter-increment: level1;
  counter-reset: level2;
  margin-top: 2.5em;
  margin-bottom: 1.5em;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
}

/* 3. Common setup for Levels 2, 3, and 4 */
.legal-doc ol ol li {
  position: relative;
  font-weight: normal;
  text-align: left;
  margin-bottom: 0.8em;
  /* This padding creates the Gutter */
  padding-left: 8em; 
}

.legal-doc ol ol li::before {
  position: absolute;
  font-weight: normal;
  white-space: nowrap;
}

/* 4. LEVEL 2: "Section 1.1" 
   Number starts 0.5em from the left margin */
.legal-doc ol ol > li {
  counter-increment: level2;
  counter-reset: level3;
}

.legal-doc ol ol > li::before {
  content: "Section " counter(level1) "." counter(level2);
  left: 0.5em; 
}

/* 5. LEVEL 3: "1.1.1" 
   Text aligns with L2 gutter (8em), Number indents to 2em */
.legal-doc ol ol ol > li {
  counter-increment: level3;
  counter-reset: level4;
  /* Reset nesting: ensures L3 doesn't add to L2's padding */
  margin-left: -8em; 
  padding-left: 8em; 
}

.legal-doc ol ol ol > li::before {
  content: counter(level1) "." counter(level2) "." counter(level3);
  left: 2em; 
}

/* 6. LEVEL 4: "1.1.1.1" 
   Both text and number move right */
.legal-doc ol ol ol ol > li {
  counter-increment: level4;
  margin-left: -8em;
  padding-left: 9.5em; 
}

.legal-doc ol ol ol ol > li::before {
  content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4);
  left: 3.5em; 
}