diff --git a/src/assets/stylesheets/base/_typeset.scss b/src/assets/stylesheets/base/_typeset.scss
index a384f5254..dceee4b24 100644
--- a/src/assets/stylesheets/base/_typeset.scss
+++ b/src/assets/stylesheets/base/_typeset.scss
@@ -301,11 +301,11 @@ kbd {
   // Superscript and subscript
   sup,
   sub {
-    margin-left: 0.0625em * 1 / 0.8;
+    margin-left: px2em(1px, 12.8px);
 
     // Adjust for right-to-left languages
     [dir="rtl"] & {
-      margin-right: 0.0625em * 1 / 0.8;
+      margin-right: px2em(1px, 12.8px);
       margin-left: initial;
     }
   }
@@ -333,12 +333,12 @@ kbd {
   // Unordered and ordered lists
   ul,
   ol {
-    margin-left: 0.625em;
+    margin-left: px2em(10px, 16px);
     padding: 0;
 
     // Adjust for right-to-left languages
     [dir="rtl"] & {
-      margin-right: 0.625em;
+      margin-right: px2em(10px, 16px);
       margin-left: initial;
     }
 
@@ -355,11 +355,11 @@ kbd {
     // List elements
     li {
       margin-bottom: 0.5em;
-      margin-left: 1.25em;
+      margin-left: px2em(20px, 16px);
 
       // Adjust for right-to-left languages
       [dir="rtl"] & {
-        margin-right: 1.25em;
+        margin-right: px2em(20px, 16px);
         margin-left: initial;
       }
 
@@ -377,11 +377,11 @@ kbd {
       // Nested lists
       ul,
       ol {
-        margin: 0.5em 0 0.5em 0.625em;
+        margin: 0.5em 0 0.5em px2em(10px, 16px);
 
         // Adjust for right-to-left languages
         [dir="rtl"] & {
-          margin-right: 0.625em;
+          margin-right: px2em(10px, 16px);
           margin-left: initial;
         }
       }
@@ -390,11 +390,11 @@ kbd {
 
   // Definition lists
   dd {
-    margin: 1em 0 1em 1.875em;
+    margin: 1em 0 1em px2em(30px, 16px);
 
     // Adjust for right-to-left languages
     [dir="rtl"] & {
-      margin-right: 1.875em;
+      margin-right: px2em(30px, 16px);
       margin-left: initial;
     }
   }
diff --git a/src/assets/stylesheets/extensions/pymdown/_critic.scss b/src/assets/stylesheets/extensions/pymdown/_critic.scss
index 7019be538..e35e558c4 100644
--- a/src/assets/stylesheets/extensions/pymdown/_critic.scss
+++ b/src/assets/stylesheets/extensions/pymdown/_critic.scss
@@ -31,8 +31,8 @@
   del.critic,
   ins.critic,
   .critic.comment {
-    margin: 0 0.25em;
-    padding: 0.0625em 0;
+    margin: 0 px2em(4px, 16px);
+    padding: px2em(1px, 16px) 0;
     border-radius: px2rem(2px);
     box-decoration-break: clone;
   }
@@ -41,16 +41,16 @@
   del.critic {
     background-color: $codehilite-diff-deleted;
     box-shadow:
-      +0.25em 0 0 $codehilite-diff-deleted,
-      -0.25em 0 0 $codehilite-diff-deleted;
+      px2em( 4px, 16px) 0 0 $codehilite-diff-deleted,
+      px2em(-4px, 16px) 0 0 $codehilite-diff-deleted;
   }
 
   // Addition
   ins.critic {
     background-color: $codehilite-diff-inserted;
     box-shadow:
-      +0.25em 0 0 $codehilite-diff-inserted,
-      -0.25em 0 0 $codehilite-diff-inserted;
+      px2em( 4px, 16px) 0 0 $codehilite-diff-inserted,
+      px2em(-4px, 16px) 0 0 $codehilite-diff-inserted;
   }
 
   // Comment
diff --git a/src/assets/stylesheets/layout/_header.scss b/src/assets/stylesheets/layout/_header.scss
index f1a5f975a..b687858de 100644
--- a/src/assets/stylesheets/layout/_header.scss
+++ b/src/assets/stylesheets/layout/_header.scss
@@ -41,7 +41,7 @@
     0 px2rem(4px) px2rem(8px) rgba(0, 0, 0, 0);
   transition:
     background-color 250ms,
-    color 250ms;
+    color            250ms;
 
   // Always hide shadow, in case JavaScript is not available
   .no-js & {