.c-wp-content {
  --c-h--key-color: var(--root-color_purple-dark);
}

.c-wp-content ul {
  list-style: none;
  padding-left: 0;
  margin: 1em 0;
}

.c-wp-content ul>li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0.4em;
  line-height: 1.7;
}

.c-wp-content ul>li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--c-h--key-color);
  position: absolute;
  left: 0;
  top: 0.7em;
}

.c-wp-content ul>li>ul {
  margin: 0.2em 0 0.2em 0;
}

.c-wp-content ul>li>ul>li::before {
  background-color: transparent;
  border: 1.5px solid var(--c-h--key-color);
}

.c-wp-content ul>li>ul>li>ul>li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 0;
  border: none;
  background-color: var(--c-h--key-color);
  top: 0.62em;
}

.c-wp-content ol {
  list-style: none;
  counter-reset: ol-counter;
  padding-left: 0;
  margin: 1em 0;
}

.c-wp-content ol>li {
  position: relative;
  padding-left: 1.6em;
  margin-bottom: 0.4em;
  line-height: 1.7;
  counter-increment: ol-counter;
}

.c-wp-content ol>li::before {
  content: counter(ol-counter) '.';
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 500;
  color: var(--c-h--key-color);
}

.c-wp-content ol>li>ol {
  counter-reset: ol-alpha;
  margin: 0.2em 0 0.2em 0;
}

.c-wp-content ol>li>ol>li {
  counter-increment: ol-alpha;
  padding-left: 1.4em;
}

.c-wp-content ol>li>ol>li::before {
  content: counter(ol-alpha, lower-alpha) '.';
  color: var(--c-h--key-color);
  font-weight: 400;
}

.c-wp-content ol>li>ol>li>ol {
  counter-reset: ol-roman;
  margin: 0.2em 0 0.2em 0;
}

.c-wp-content ol>li>ol>li>ol>li {
  counter-increment: ol-roman;
  padding-left: 1.6em;
}

.c-wp-content ol>li>ol>li>ol>li::before {
  content: counter(ol-roman, lower-roman) '.';
  color: var(--c-h--key-color);
  font-weight: 400;
}