```{css "css setup", echo=FALSE}

.header-section-number {
  display: none;
}

body {
#  counter-reset: counter-level-1;
#  counter-reset: counter-level-2;
#  counter-reset: kcounter-level-3; 
#  counter-reset: counter-level-4;
}

h1:not(.title) {
  counter-increment: counter-level-1;
  counter-reset: counter-level-2;
  counter-reset: counter-level-4;
    counter-reset: counter-level-3;
}

h1:not(.title)::before{
#  content: counter(counter-level-1, upper-alpha) ". ";
}

h2 {
 counter-increment: counter-level-2;
  counter-reset: counter-level-3;
}

h2::before {
  counter-increment: counter-level-2;
#  content:  counter(counter-level-2) " ";
}

h3 {
  counter-increment: counter-level-3;
  counter-reset: counter-level-4
}

h3::before {
  content:counter(counter-level-3)" ";
}

h4 {
  counter-increment: counter-level-4;
}

h4::before {
  content:counter(counter-level-3) "." counter(counter-level-4) " ";
}

```