refactor: typography (sup/superscript, text-wrap, margin-trim)

assets/css/base/_typography.scss

@@ -59,6 +59,32 @@ h6 {
   font-variant-numeric: slashed-zero;
 }
 
+hgroup {
+  text-wrap: balance;
+}
+
+p {
+  text-wrap: pretty;
+  margin-block: 1em;
+  margin-block: 1lh;
+}
+
+section {
+  margin-trim: block;
+}
+
+@supports not (margin-trim: block) {
+  section {
+    :first-child {
+      margin-block-start: 0;
+    }
+
+    :last-child {
+      margin-block-end: 0;
+    }
+  }
+}
+
 a {
   text-decoration-skip-ink: auto;
   color: $dark;
@@ -265,6 +291,7 @@ var,
 pre {
   font-family: $code-font;
   font-size: 1em;
+  word-wrap: normal;
 }
 
 code,
@@ -359,7 +386,17 @@ dfn {
   font-variant: small-caps;
 }
 
-sub,
 sup {
-  line-height: 0;
+  font-variant-position: super;
+}
+sub {
+  font-variant-position: sub;
+}
+
+@supports ((font-variant-position: super) or (font-variant-position: sub)) {
+  sub,
+  sup {
+    vertical-align: baseline;
+    font-size: inherit;
+  }
 }

assets/css/components/_table.scss

@@ -35,6 +35,7 @@ table {
       & td {
         padding: 0.5em 1em;
         border: 1px solid $dark;
+        font-variant-numeric: lining-nums tabular-nums;
       }
     }
   }