Help show semantic structure via sectioning. Adds automatic numbers to sections (including nested sections)

sectioning.css

section,
aside {
	padding: 1em;
	border: 1px solid black;
	margin: 1em;
}

aside {
	background-color: rgba(100, 100, 100, 0.2);
}

section.procedure {
	background-color: #eee;
}

body {
	counter-reset: section;
}

h1 {
	counter-reset: subsection;
}

h2 {
	counter-reset: subsubsection;
}

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

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

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

.ref {
	color: red;
}

.sectionTitle,
.asideTitle,
.listTitle {
	color: blue;
	font-weight: bold;
}

header,
.manualNumbering {
	display: none;
}