/* (a), (b), (c) ... */
ol[type="a"] {
  counter-reset: alpha;
}

ol[type="a"] > li {
  counter-increment: alpha;
}

ol[type="a"] > li::marker {
  content: "(" counter(alpha, lower-alpha) ") ";
}


/* (i), (ii), (iii) ... */
ol[type="i"] {
  counter-reset: roman;
}

ol[type="i"] > li {
  counter-increment: roman;
}

ol[type="i"] > li::marker {
  content: "(" counter(roman, lower-roman) ") ";
}

dt {
  font-weight: 500;
}

dd {
  margin-bottom: 1rem;
}