diff --git a/assets/css/dark.css b/assets/css/dark.css
index 15709b6..52be18f 100644
--- a/assets/css/dark.css
+++ b/assets/css/dark.css
@@ -14,6 +14,11 @@
 		color: #e9e9e9;
 	}
 
+	/* Small text needs higher contrast */
+	sup {
+		background-color: #0b0b0b;
+	}
+
 	/* Only color <a> if it's a link; if href is empty, let it be. */
 	a:link {
 		color: #f1e7b2;
diff --git a/assets/css/main.css b/assets/css/main.css
index 23edf92..dc64074 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -9,7 +9,7 @@
  *
  * To keep myself from caring about minute details, I limited myself to
  * only defining spacing in increments of .125em. Borders are either
- * 1px or 3px; percentages are in increments of 5%. This also improves
+ * 1px or 3px; percentages are in increments of 2.5%. This also improves
  * compression. No more "finding the perfect value".
  *
  * I cite WCAG 2.2 success criteria with "SC". I also tried to meet
@@ -36,7 +36,7 @@ html {
 		 * with minimal adjustment, and makes tap-targets larger.
 		 * Only do this on screen, since printouts already improve legibility
 		 * and cost paper + ink. */
-		font-size: 105%;
+		font-size: 107.5%;
 
 		/* Aligning to the center with space on both sides prevents accidental
 		* link activation on tablets, and is a common practice that users are
@@ -174,8 +174,7 @@ h1 {
  * try to maintain good perceptual contrast even for small text, but
  * I don't want toggling the theme to impact anything besides color so
  * I set the weight here. */
-kbd,
-sup {
+kbd, {
 	font-weight: bold;
 }