1 files changed, 37 insertions, 30 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 74eb0fc..d3d2b6f 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -248,6 +248,7 @@ code,
 svg text,
 following-list details summary:after,
 micro-card article details[data-disclosure] summary:after {
+  font-size: 0.95rem;
   font-family: "Fira Code", "Lucida Console", "Andale Mono", "Roboto Mono",
     "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -489,15 +490,6 @@ kbd {
 
 /* ----- Elements ----- */
 
-html {
-  font-size: 95%;
-  line-height: 1.5;
-  word-break: break-word;
-  text-rendering: optimizeSpeed;
-  margin-left: calc(100vw - 100%);
-  margin-right: 0;
-}
-
 button,
 textarea {
   margin: 0;
@@ -971,6 +963,31 @@ article a[href*="pdf"]::after {
 
 /* ----- Base ----- */
 
+html {
+  font-size: 95%;
+  height: 100%;
+  line-height: 1.5;
+  margin: 0;
+  overflow-y: scroll;
+  text-rendering: optimizeSpeed;
+  word-break: break-word;
+}
+
+html[data-document="html"],
+html[data-document="xhtml"] {
+  height: auto;
+  margin-left: calc(100vw - 100%);
+  margin-right: 0;
+  overflow-y: visible;
+}
+
+html[data-document="html"] body,
+html[data-document="xhtml"] body {
+  display: flex;
+  margin: 0 auto;
+  max-width: 1250px;
+}
+
 body {
   background-color: #fefefe;
   background-color: var(--background);
@@ -983,13 +1000,6 @@ body {
   -webkit-text-size-adjust: none;
 }
 
-html[data-document="html"] body,
-html[data-document="xhtml"] body {
-  display: flex;
-  margin: 0 auto;
-  max-width: 1250px;
-}
-
 column-base[position="left"] {
   width: 14.25%;
 }
@@ -1408,7 +1418,6 @@ micro-card details[data-disclosure] summary:after,
 micro-card details[data-disclosure][open] summary:after {
   border-radius: 0.5rem;
   display: inline;
-  font-size: 85%;
   vertical-align: bottom;
 }
 
@@ -1662,7 +1671,7 @@ code-block[data-lines] pre code {
 
 code-block header {
   position: relative;
-  top: 1.85rem;
+  top: 2.125rem;
   margin-top: -1rem;
   height: 1rem;
   padding: 0 0.5rem;
@@ -1673,12 +1682,12 @@ code-block header {
 }
 
 code-block header language-label {
-  padding: 0.125rem 1rem;
   font-variant: all-small-caps;
 }
 
 code-block header language-label a {
   text-decoration: none;
+  padding: 0.125rem 1rem;
 }
 
 code-block header language-label a:hover {
@@ -2379,6 +2388,7 @@ nav[hidden] {
 
 [data-xml] micro-card {
   flex-direction: row;
+  align-items: center;
 }
 
 [data-xml] micro-card article {
@@ -2408,9 +2418,12 @@ nav[hidden] {
 /* ----- Responsive ----- */
 
 @media screen and (max-width: 1220px) {
+  column-base[position="right"] {
+    width: 38%;
+  }
   column-base[position="left"] {
     flex: none;
-    margin: 0.5rem;
+    width: auto;
   }
   column-base[position="left"] nav a {
     flex-direction: column-reverse;
@@ -2421,9 +2434,6 @@ nav[hidden] {
   column-base[position="left"] nav a span {
     padding-top: 0.5rem;
   }
-  column-base[position="right"] {
-    width: 38%;
-  }
   micro-author micro-card {
     flex-direction: column;
     text-align: center;
@@ -2463,6 +2473,10 @@ nav[hidden] {
 }
 
 @media screen and (max-width: 920px) {
+  html[data-document="html"],
+  html[data-document="xhtml"] {
+    margin: 0;
+  }
   nav + main,
   profile-box {
     margin-top: 4rem;
@@ -2500,13 +2514,6 @@ nav[hidden] {
     flex: auto;
     margin: 0 0 0.75rem 0;
   }
-  html {
-    margin: 0;
-  }
-  body {
-    display: block;
-    overflow-y: scroll;
-  }
   tab-bar:active,
   tab-bar:hover,
   tab-bar:focus,