Restyle <ol> and <ul>

Use * for unordered lists and fix the number placement in ordered lists

assets/css/050_lists.css

@@ -14,12 +14,52 @@ ul
   grid-column: main-start / main-end;
 }
 
-ol, ul {
+ol {
-  padding-inline-start: var(--space-l);
+  display: grid;
+  grid-template-columns: min-content 1fr;
+  list-style: none;
+  padding-inline-start: 0;
+
+  &:not([start]) {
+    counter-reset: list-item;
   }
 
-li::marker {
+  &[start] {
-  font-size: var(--text-s);
+    counter-reset: list-item attr(start integer);
+  }
+
+  li {
+    display: grid;
+    gap: 1ch;
+    grid-column: 1 / -1;
+    grid-template-columns: subgrid;
+
+    /* TODO: Figure out support for <li value="42"> */
+
+    &:not([value]) {
+      counter-increment: list-item;
+    }
+
+    &::before {
+      content: counter(list-item) ".";
+    }
+  }
+}
+
+ul {
+  list-style-type: "*";
+  padding-inline-start: 1ch;
+
+  li {
+    padding-inline-start: 1ch;
+  }
+}
+
+li {
+  &::marker, &::before {
+    color: var(--text-color-secondary);
+    font-family: var(--font-family-monospace);
+  }
 }
 
 dl {

assets/css/099_page_footer.css

@@ -8,4 +8,8 @@
 
 .page-footer {
   margin-block-start: var(--space-xl);
+
+  :last-child {
+    margin-bottom: 0;
+  }
 }

assets/css/099_page_navigation.css

@@ -17,6 +17,7 @@
 
   li {
     display: block;
+    padding-inline: 0;
   }
 
   .next-page {

assets/css/099_taxonomy_list.css

@@ -23,6 +23,10 @@
         text-transform: uppercase;
     }
 
+    li {
+      padding-inline-start: 0;
+    }
+
     li:not(:last-child)::after {
         color: var(--text-color-secondary);
         content: ":";