Vizualni popravki.

css/style.css

@@ -10,8 +10,8 @@
 /* variables */
 
 :root {
-  --font-size: 9pt;
-  --line-height: 1.25;
+  --font-size: 12pt;
+  --line-height: 1.625;
   --font-family: monospace;
 
   /* colors */
@@ -35,10 +35,9 @@
   --error-color: var(--red);
 }
 
-/* wider screens */
-@media (min-width: 120ch) {
-  :root { 
-    --font-size: 12pt;
+@media (orientation: portrait) {
+  :root {
+    --font-size: 9pt;
   }
 }
 
@@ -100,7 +99,7 @@ h6::before { content: "###### "; }
   color: var(--md-formatting-color);
 }
 
-article :is(h2, h3, h4, h5, h6) {
+article :is(h1, h2, h3, h4, h5, h6) {
   margin-top: 2rlh;
 }
 
@@ -163,9 +162,6 @@ hr::after {
   color: var(--md-formatting-color);
 }
 
-:is(ol, ul, menu, dd, li) :is(blockquote, div, figure, hr, menu, ol, p, pre, ul) {
-  margin-top: unset;
-}
 
 ul, menu {
   padding-left: 2ch;
@@ -365,7 +361,7 @@ table caption::before {
 /* footnotes */
 
 a.footnote-ref sup::before {
-  content: "[";
+  content: "^[";
 }
 
 a.footnote-ref sup::after {
@@ -419,20 +415,8 @@ div.horizontal>* {
 
 /* layout */
 
-body {
+main>article {
   width: min(80ch, round(down, 100vw, 2ch));
-  height: round(down, 100vh, 1rlh);
   margin-left: auto;
   margin-right: auto;
-  padding-top: 1rlh;
-  padding-bottom: 1rlh;
-}
-
-main {
-  height: 100%;
-}
-
-main>article {
-  height: 100%;
-  overflow-y: scroll;
 }