From d81c72a9dd6abdcc6803487f152e8474431b1a5f Mon Sep 17 00:00:00 2001
From: Ben Goldsworthy <admin@bengoldsworthy.net>
Date: Wed, 9 Apr 2025 10:13:59 +0200
Subject: [PATCH] refactor: typography (sup/superscript, `text-wrap`,
 `margin-trim`)

---
 assets/css/base/_typography.scss  | 41 +++++++++++++++++++++++++++++--
 assets/css/components/_table.scss |  1 +
 2 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/assets/css/base/_typography.scss b/assets/css/base/_typography.scss
index 00ce614..b21595d 100644
--- a/assets/css/base/_typography.scss
+++ b/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;
+  }
 }
diff --git a/assets/css/components/_table.scss b/assets/css/components/_table.scss
index 33b0201..083e596 100644
--- a/assets/css/components/_table.scss
+++ b/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;
       }
     }
   }