update `public_html` static files

public_html/css/style.css

@@ -9,7 +9,7 @@
   --h-un: 1ch;
 
   /* font-derived column width */
-  --col-w: clamp(33.33vw, 80ch, 100vw);
+  --col-w: clamp(30vw, 80ch, 90vw);
 
   /* colors */
   --fg-c: #000000;
@@ -27,6 +27,7 @@
 }
 
 /* reset */
+
 * {
 	box-sizing: border-box;
   margin: unset;
@@ -39,6 +40,7 @@
 }
 
 /* root */
+
 :root {
 	color: var(--fg-c);
 	background-color: var(--bg-c);
@@ -52,6 +54,7 @@ body {
 }
 
 /* content sectioning */
+
 address {
   font-style: unset;
 }
@@ -65,6 +68,7 @@ h1, h2 {
 }
 
 h3, h4, h5, h6 {
+  font-weight: unset;
   font-style: italic;
 }
 
@@ -75,8 +79,8 @@ h3, h4, h5, h6 {
   margin-block-end: var(--v-un);
 }
 
-:is(blockquote, div, dl, figure, hr, menu, ol, p, pre, ul) +
-:is(blockquote, div, dl, figure, hr, menu, ol, p, pre, ul) {
+:is(blockquote, div, dl, figure, hr, menu, ol, p, pre, table, ul) +
+:is(blockquote, div, dl, figure, hr, menu, ol, p, pre, table, ul) {
   margin-block-start: var(--v-un);
 }
 
@@ -126,6 +130,7 @@ pre {
 
 
 /* inline text semantics */
+
 a {
   cursor: pointer;
   text-decoration: underline;
@@ -151,7 +156,30 @@ code {
   color: var(--link-c);
 }
 
+
+/* table content */
+
+table {
+  table-layout: fixed;
+  border-collapse: collapse;
+}
+
+th, td {
+  padding-inline: 1ch;
+}
+
+th {
+  border-bottom: thin solid;
+  vertical-align: bottom;
+  hyphens: none;
+}
+
+td {
+  vertical-align: top;
+}
+
 /* layout */
+
 body>main {
   width: 100vw;
 	height: 100vh;
@@ -168,16 +196,14 @@ body>main>* {
   scroll-snap-align: center;
 }
 
-article:focus {
-  outline: none;
-}
-
 /* toc */
+
 nav.toc {
   margin-block: var(--v-un);
 }
 
 /* footnotes */
+
 aside.footnotes {
   margin-block: var(--v-un);
 }
@@ -208,8 +234,3 @@ div.horizontal>* {
   display: block;
   text-align: center;
 }
-
-/* fenced pres */
-pre.center {
-  text-align: center;
-}