fix pre widths to avoid overflow and ugliness

site-src/res/main.css

@@ -123,9 +123,11 @@ pre {
     /* yeah what the heck let's do 100 (for rust's sake) */
     /* reducing the font-size a touch makes this more than reasonable methinks */
     /* nvm */
-    /* width: min(80.5ch, 95vw); */
+    width: min(80.5ch, 95%);
     margin-inline: auto;
     font-size: 1rem;
+    padding: 0.5rem;
+    overflow: auto;
 }
 
 .anchor {
@@ -166,10 +168,6 @@ pre {
     margin-block: 0 8pt;
 }
 
-pre {
-    overflow: auto;
-}
-
 code,
 pre {
     /* kde default i think; looks nice, so i want to keep it consistent */

site-src/res/syntax-highlighting.css

@@ -49,13 +49,6 @@
         background: #7c6f64; /* bg4 */
     }
 
-    /* Code blocks */
-    pre[class*="language-"] {
-        padding: 1em;
-        margin: 0.5em 0;
-        overflow: auto;
-    }
-
     /* :not(pre) > code[class*="language-"],
     pre[class*="language-"] {
         background: #1d2021; /* bg0_h
@@ -195,13 +188,6 @@
         background: #a89984; /* bg4 */
     }
 
-    /* Code blocks */
-    pre[class*="language-"] {
-        padding: 1em;
-        margin: 0.5em 0;
-        overflow: auto;
-    }
-
     /* :not(pre) > code[class*="language-"],
     pre[class*="language-"] {
         background: #f9f5d7; /* bg0_h