h2 {
  display: inline;
}

.accordion {
  --bs-accordion-color: var(--foreground);
  --bs-accordion-bg: var(--background);
}

.accordion-button {
  color: var(--foreground);
  --bs-accordion-bg: var(--background);
  font-size: var(--fs-450);
}

.accordion-button:not(.collapsed) {
  color: var(--foreground);
  background-color: var(--clr-bg-800);
}

.accordion-button:focus {
  border-color: white;
  border-bottom: 1px solid;
  box-shadow: none;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus:not(.collapsed) {
  border-bottom: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

div.section {
  counter-reset: item;
  margin-top: 1rem;
}

div.section > div.item {
  counter-reset: sub-item;
}

div.item {
  margin-top: 0.5rem;
  margin-left: 1rem;
}

div.doc {
  counter-reset: section;
}

div.doc > div.section::before {
  counter-increment: section;
  content: counter(section, decimal-leading-zero)".";
  font-size: var(--fs-700);
  color: #fff;
  font-weight: bold;
  margin-right: 0.25rem;
}

div.section > div.item::before {
  counter-increment: item;
  content: counter(section)"."counter(item);
  font-size: 1.25rem;
  color: #BCBEC0;
  font-weight: bold;
  margin-right: 0.125rem;
}

div.item > div.item::before {
  counter-increment: sub-item;
  content: counter(section)"."counter(item)"."counter(sub-item);
  font-size: 1.25rem;
  color: #BCBEC0;
  font-weight: bold;
  margin-right: 0.125rem;
}