ol {
  --gap: 1em;
  counter-reset: list;
}

ol > li {
  list-style: none;
  margin-bottom: var(--gap) !important;
}

ol > li:before {
  content: "(" counter(list, lower-alpha) ") ";
  counter-increment: list;
}

ol ol {
  margin-bottom: 0 !important;
}

li ol {
  margin-top: var(--gap);
}

li ol > li:before {
  content: "(" counter(list, lower-roman) ") ";
  counter-increment: list;
}