update `public_html` static files

public_html/css/style.css

@@ -27,7 +27,9 @@
 }
 
 @media (any-hover: hover) {
-  :root { --font-size: 12pt; }
+  :root { 
+    --font-size: 12pt;
+  }
 }
 
 /* reset */
@@ -101,18 +103,18 @@ h6::before {
 /* text content */
 
 :is(h1, h2, h3, h4, h5, h6) {
-  margin-block-start: 2rlh;
-  margin-block-end: 1rlh;
+  margin-top: 2rlh;
+  margin-bottom: 1rlh;
 }
 
 :is(aside, blockquote, div, dl, figure, hr, menu, ol, p, pre, table, ul) +
 :is(aside, blockquote, div, dl, figure, hr, menu, ol, p, pre, table, ul) {
-  margin-block-start: 1rlh;
+  margin-top: 1rlh;
 }
 
 blockquote {
   position: relative;
-	margin-inline-start: 1ch;
+	margin-left: 1ch;
 }
 
 blockquote::before {
@@ -128,7 +130,7 @@ dt {
 
 dd {
   position: relative;
-  margin-inline-start: 1ch;
+  margin-left: 1ch;
 }
 
 dd::before {
@@ -139,12 +141,12 @@ dd::before {
 }
 
 dd :is(blockquote, div, dl, figure, hr, menu, ol, p, pre, ul) {
-  margin-block: unset;
+  margin-top: unset;
 }
 
 figcaption {
   position: relative;
-  margin-inline-start: 1ch;
+  margin-left: 1ch;
 }
 
 figcaption::before {
@@ -155,15 +157,15 @@ figcaption::before {
 }
 
 ol {
-  padding-inline-start: 2ch;
+  padding-left: 2ch;
 }
 
 ul, menu {
-  padding-inline-start: 1ch;
+  padding-left: 1ch;
 }
 
 :is(ol, ul, menu) :is(ol, ul, menu) {
-  margin-block: unset;
+  margin-top: unset;
 }
 
 li::marker {
@@ -179,7 +181,7 @@ ul>li::marker {
 }
 
 li :is(blockquote, div, dl, figure, hr, menu, ol, p, pre, ul) {
-  margin-block: unset;
+  margin-top: unset;
 }
 
 hr {
@@ -240,8 +242,9 @@ img {
 /* table content */
 
 table {
-  table-layout: fixed;
-  border-collapse: collapse;
+  width: 100%;
+  margin-inline: auto;
+  border-spacing: 0;
 }
 
 th, td {
@@ -249,13 +252,21 @@ th, td {
 }
 
 th {
-  border-bottom: thin solid;
-  vertical-align: bottom;
   hyphens: none;
 }
 
-td {
-  vertical-align: top;
+tr {
+  line-height: calc(1rlh - 2px); /* @hack */
+  vertical-align: baseline;
+}
+
+table caption {
+  text-align: unset;
+}
+
+table caption::before {
+  content: "!";
+  color: var(--blue);
 }
 
 /* layout */
@@ -297,7 +308,7 @@ article.post {
 
 article.post>header,
 article.post>nav {
-  margin-block: 1rlh;
+  margin: 1rlh 0;
 }
 
 /* div.horizontal */
@@ -311,7 +322,7 @@ div.horizontal {
 }
 
 div.horizontal>* {
-  margin-block: unset;
+  margin-top: unset;
   scroll-snap-align: end;
 }
 
@@ -322,11 +333,6 @@ div.horizontal>* {
   text-align: center;
 }
 
-a.footnote-ref,
-a.footnote-back {
-  color: var(--orange);
-}
-
 a.footnote-ref>sup {
   font-size: unset;
   vertical-align: unset;