Style fix.

assets/css/compiled/main.css

@@ -284,33 +284,18 @@ body.zen-mode-enable {
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
-  .left-\[calc\(max\(-50vw\,-800px\)\+50\%\)\] {
-    left: calc(max(-50vw, -800px) + 50%);
-  }
-  .-z-10 {
-    z-index: calc(10 * -1);
-  }
-  .z-2 {
-    z-index: 2;
-  }
   .z-10 {
     z-index: 10;
   }
   .z-30 {
     z-index: 30;
   }
-  .z-80 {
-    z-index: 80;
-  }
-  .z-100 {
-    z-index: 100;
-  }
-  .z-500 {
-    z-index: 500;
-  }
   .z-\[1\] {
     z-index: 1;
   }
+  .z-\[2\] {
+    z-index: 2;
+  }
   .z-\[999\] {
     z-index: 999;
   }
@@ -844,12 +829,6 @@ body.zen-mode-enable {
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
-  .-mt-\[2px\] {
-    margin-top: calc(2px * -1);
-  }
-  .-mt-\[15px\] {
-    margin-top: calc(15px * -1);
-  }
   .mt-0 {
     margin-top: calc(var(--spacing) * 0);
   }
@@ -883,21 +862,18 @@ body.zen-mode-enable {
   .mt-20 {
     margin-top: calc(var(--spacing) * 20);
   }
+  .mt-\[-2px\] {
+    margin-top: -2px;
+  }
   .mt-\[0\.1rem\] {
     margin-top: 0.1rem;
   }
-  .mt-\[0\.5rem\] {
-    margin-top: 0.5rem;
-  }
   .-mr-48 {
     margin-right: calc(var(--spacing) * -48);
   }
   .-mr-\[100\%\] {
     margin-right: calc(100% * -1);
   }
-  .mr-0 {
-    margin-right: calc(var(--spacing) * 0);
-  }
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
@@ -913,9 +889,6 @@ body.zen-mode-enable {
   .mr-6 {
     margin-right: calc(var(--spacing) * 6);
   }
-  .mr-\[10px\] {
-    margin-right: 10px;
-  }
   .mr-auto {
     margin-right: auto;
   }
@@ -970,9 +943,6 @@ body.zen-mode-enable {
   .-ml-12 {
     margin-left: calc(var(--spacing) * -12);
   }
-  .ml-0 {
-    margin-left: calc(var(--spacing) * 0);
-  }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
@@ -1179,9 +1149,6 @@ body.zen-mode-enable {
   .w-36 {
     width: calc(var(--spacing) * 36);
   }
-  .w-84 {
-    width: calc(var(--spacing) * 84);
-  }
   .w-\[15\%\] {
     width: 15%;
   }
@@ -1797,15 +1764,6 @@ body.zen-mode-enable {
   .pt-16 {
     padding-top: calc(var(--spacing) * 16);
   }
-  .pt-\[2px\] {
-    padding-top: 2px;
-  }
-  .pt-\[5px\] {
-    padding-top: 5px;
-  }
-  .pr-0 {
-    padding-right: calc(var(--spacing) * 0);
-  }
   .pr-\[24px\] {
     padding-right: 24px;
   }
@@ -1824,12 +1782,6 @@ body.zen-mode-enable {
   .pb-32 {
     padding-bottom: calc(var(--spacing) * 32);
   }
-  .pb-\[3px\] {
-    padding-bottom: 3px;
-  }
-  .pl-0 {
-    padding-left: calc(var(--spacing) * 0);
-  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -3086,11 +3038,6 @@ body.zen-mode-enable {
       }
     }
   }
-  .dark\:block {
-    &:is(.dark *) {
-      display: block;
-    }
-  }
   .dark\:flex {
     &:is(.dark *) {
       display: flex;
@@ -3465,9 +3412,7 @@ button, [role="button"] {
   margin-top: calc(var(--spacing) * 3);
 }
 #TableOfContents {
-  @media (width >= 1024px) {
-    max-width: 25vw;
-  }
+  max-width: 25vw;
 }
 #TOCView {
   max-height: calc(100vh - 150px);
@@ -3777,7 +3722,9 @@ pre {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
+  width: calc(100% + 40px);
   z-index: -10;
+  margin-left: -20px;
 }
 .hero_gradient {
   width: 100%;
@@ -3793,6 +3740,42 @@ pre {
   height: 0px;
   visibility: hidden;
 }
+.center-relative-left {
+  left: calc(max(-50vw, -800px) + 50%);
+}
+.margin-0 {
+  margin: 0;
+}
+.margin-top-\[-15px\] {
+  margin-top: -15px;
+}
+.margin-top-\[0\.5rem\] {
+  margin-top: 0.5rem;
+}
+.margin-right-\[10px\] {
+  margin-right: 10px;
+}
+.margin-left-\[0px\] {
+  margin-left: 0px;
+}
+.padding-main-menu {
+  padding: 2px 0 3px 0;
+}
+.padding-top-\[5px\] {
+  padding-top: 5px;
+}
+.z-index-\[-10\] {
+  z-index: -10;
+}
+.z-index-80 {
+  z-index: 80;
+}
+.z-index-100 {
+  z-index: 100;
+}
+.z-index-500 {
+  z-index: 500;
+}
 [id^="fn"], [id^="fnref"] {
   scroll-margin-top: 145px;
 }