diff --git a/styles.css b/styles.css
index c53c836..da13c3e 100644
--- a/styles.css
+++ b/styles.css
@@ -331,9 +331,35 @@ abbr {
    margin-left:         40px;
 }
 
-.chalec_list-1::before,
-.chalec_list-2::before,
-.chalec_list-3::before {
+.chalec_list-ol li {
+   counter-increment: step-counter;
+}
+
+.chalec_list-ol .chalec_list-1::before,
+.chalec_list-ol .chalec_list-2::before,
+.chalec_list-ol .chalec_list-3::before {
+      display:             inline-block;
+      content:             counter(step-counter) ".";
+      padding-left:        0px;
+      margin-right:        5px;
+      list-style-type:     upper-roman;
+}
+
+.chalec_list-ol .chalec_list-1::before {
+   color:               var(--chalec_red);
+}
+
+.chalec_list-ol .chalec_list-2::before {
+   color:               var(--chalec_blue);
+}
+
+.chalec_list-ol .chalec_list-3::before {
+   color:               var(--chalec_yellow);
+}
+
+.chalec_list-ul .chalec_list-1::before,
+.chalec_list-ul .chalec_list-2::before,
+.chalec_list-ul .chalec_list-3::before {
    display:             inline-block;
    content:             "\2022";
    width:               10px;
@@ -342,15 +368,15 @@ abbr {
    font-weight:         bold;
 }
 
-.chalec_list-1::before {
+.chalec_list-ul .chalec_list-1::before {
    color:               var(--chalec_red);
 }
 
-.chalec_list-2::before {
+.chalec_list-ul .chalec_list-2::before {
    color:               var(--chalec_blue);
 }
 
-.chalec_list-3::before {
+.chalec_list-ul .chalec_list-3::before {
    color:               var(--chalec_yellow);
 }