update `public_html` static files

public_html/css/style.css

@@ -4,9 +4,6 @@
 	--line-height: 1.25;
   --font-family: monospace;
 
-  /* font-derived column width */
-  --col-w: clamp(40ch, 80ch, 50vw);
-
   /* colors */
   --black: #000000;
   --red: #fa3500;
@@ -26,7 +23,7 @@
   --bright-white: #ffffff;
 }
 
-@media (any-hover: hover) {
+@media (min-width: 120ch) {
   :root { 
     --font-size: 12pt;
   }
@@ -284,21 +281,19 @@ table caption::before {
 /* layout */
 
 body {
-  width: clamp(var(--col-w), calc(2*var(--col-w)), 100vw);
+  width: min(160ch, 100vw);
   height: 100vh;
-  margin-inline: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 main {
+  width: 100%;
   height: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
 }
 
-main>* {
-  height: 100%;
-}
-
 main>article#recto {
   display: grid;
   grid-auto-flow: column;
@@ -308,20 +303,20 @@ main>article#recto {
 }
 
 main>article#recto>* {
-  scroll-snap-align: start;
+  scroll-snap-align: end;
+}
+
+main>article#verso,
+main>article#recto>* {
+  overflow-y: scroll;
 }
 
 /* article.post */
 
-article.post {
-  height: 100%;
-  overflow-y: scroll;
-}
-
 article.post>header,
-article.post>nav,
-article.post>footer {
-  margin: 1rlh 0;
+article.post>nav {
+  margin-top: 1rlh;
+  margin-bottom: 1rlh;
 }
 
 /* div.horizontal */
@@ -348,6 +343,15 @@ div.horizontal>* {
 
 /* footnotes */
 
+#footnotes>ol {
+  list-style-position: inside;
+  padding-left: unset;
+}
+
+#footnotes>ol>li>*:first-child {
+  display: inline;
+}
+
 a.footnote-ref>sup {
   font-size: unset;
   vertical-align: unset;