<p>Section <span id="alice1" class="bob">1</span></p>
<p>Subsection <span id="alice1-1-0" class="bob">1.1.0</span> (displays as many sections as given)</p>
<p>Lemma <span id="alice1-1-0-1" class="bob">1.1.0.1</span></p>
<p>Theorem <span id="alice1-1-1" class="bob">1.1.1</span> (the fourth counter section is reset here). Let x be a lorem ipsum.</p>
<p>Reevaluating Life Choices <span id="alice1-1-1-3" class="bob">1.1.1.3</span></p>
<p>What even is this <span id="alice2-2-0-3-9" class="bob">2.2.0.3.9</span> (first counter section resets next ones, and so on)</p>
