@@ -32,9 +32,7 @@ }
 
 html {
   background: var(--white);
-  -webkit-text-size-adjust: none;
   font-family: var(--sans-font);
-  font-weight: 380;
 }
 
 pre {
@@ -53,9 +51,9 @@ margin: 0;
 }
 
 body {
-  max-width: 1000px;
-  padding: 0 13px;
-  margin: 40px auto;
+  max-width: 100ch;
+  padding: 0 0.8125rem;
+  margin: 2.5rem auto;
 }
 
 main,
@@ -80,16 +78,16 @@ font-weight: 500;
 }
 
 main h1 {
-  padding: 10px 0 10px 0;
+  padding: 0.625rem 0 0.625rem 0;
 }
 
 main h2 {
-  font-size: 18px;
+  font-size: 1.2rem;
 }
 
 main h2,
 h3 {
-  padding: 20px 0 15px 0;
+  padding: 1.25rem 0 1rem 0;
 }
 
 nav {
@@ -100,11 +98,11 @@ nav ul {
   padding: 0;
   margin: 0;
   list-style: none;
-  padding-bottom: 20px;
+  padding-bottom: 1.25rem;
 }
 
 nav ul li {
-  padding-right: 10px;
+  padding-right: 0.625rem;
   display: inline-block;
 }
 
@@ -118,11 +116,11 @@ }
 
 a {
   color: var(--darker);
-  border-bottom: 1.5px solid var(--medium-gray);
+  border-bottom: 0.1rem solid var(--medium-gray);
 }
 
 a:hover {
-  border-bottom: 1.5px solid var(--gray);
+  border-bottom-color: var(--gray);
 }
 
 .index {
@@ -180,7 +178,7 @@ grid-row-gap: 0.8em;
   grid-column-gap: 8rem;
   margin-bottom: 2em;
   padding-bottom: 1em;
-  border-bottom: 1.5px solid var(--medium-gray);
+  border-bottom: 0.1rem solid var(--medium-gray);
 }
 
 .log pre {
@@ -216,7 +214,7 @@
 .diff {
   margin: 1rem 0 1rem 0;
   padding: 1rem 0 1rem 0;
-  border-bottom: 1.5px solid var(--medium-gray);
+  border-bottom: 0.1rem solid var(--medium-gray);
 }
 
 .diff pre {
@@ -273,7 +271,7 @@ }
 
 .ref {
   font-family: var(--sans-font);
-  font-size: 14px;
+  font-size: 1rem;
   color: var(--gray);
   display: inline-block;
   padding-top: 0.7em;
@@ -338,7 +336,7 @@ padding-bottom: 1.5rem;
   font-size: 0.85rem;
 }
 
-@media (max-width: 600px) {
+@media (max-width: 60ch) {
   .index {
     grid-row-gap: 0.8em;
   }