tweaks

assets/sass/_theme/design-system/layout.sass

@@ -43,8 +43,11 @@ iframe
     .hero + &
         margin-top: $spacing3
 
-ul
-    padding-left: $spacing0
+ul,
+ol
+    // https://since1979.dev/aligning-your-lists-with-your-text/
+    padding-left: 0
+    list-style-position: inside
 
 .document-content
     .container > .lead

assets/sass/_theme/design-system/typography.sass

@@ -203,7 +203,8 @@ p
 p:empty
     display: none
 
-p + ul
+p + ul,
+p + ol
     margin-top: 0
 
 figcaption
@@ -256,6 +257,11 @@ abbr, abbr[title]
     color: $color-background
     text-shadow: none
 
+sub,
+sup
+    font-size: 60%
+    margin-left: px2rem(2)
+
 *:focus-visible
     outline-color: gray
     outline-offset: 5px