update ikiwiki css

css/style.css

@@ -15,7 +15,7 @@
   --main-gap-v: 0;
 
   /* font-derived column width */
-  --col-w: clamp(34ch, 74ch, 100vw);
+  --col-w: clamp(33.33vw, 74ch, 100vw);
 
   /* colors */
   --fg-c: #000000;
@@ -59,74 +59,6 @@ h1, h2, h3, h4, h5, h6 {
   font-weight: bold;
 }
 
-article {
-  counter-reset: heading;
-}
-
-article h1:before {
-	counter-increment: heading;
-}
-
-article h1 {
-	counter-reset: subheading;
-}
-
-article h2:before {
-	content:
-    counter(subheading)". ";
-	counter-increment: subheading;
-}
-
-article h2 {
-  counter-reset: subsubheading;
-}
-
-article h3:before {
-  content:
-    counter(subheading)"."
-    counter(subsubheading)". ";
-  counter-increment: subsubheading;
-}
-
-article h3 {
-  counter-reset: subsubsubheading;
-}
-
-article h4:before {
-  content:
-    counter(subheading)"."
-    counter(subsubheading)"."
-    counter(subsubsubheading)". ";
-  counter-increment: subsubsubheading;
-}
-
-article h4 {
-  counter-reset: subsubsubsubheading;
-}
-
-article h5:before {
-  content:
-    counter(subheading)"."
-    counter(subsubheading)"."
-    counter(subsubsubheading)"."
-    counter(subsubsubsubheading)". ";
-  counter-increment: subsubsubsubheading;
-}
-
-article h5 {
-  counter-reset: subsubsubsubsubheading;
-}
-
-article h6:before {
-  content:
-    counter(subheading)"."
-    counter(subsubheading)"."
-    counter(subsubsubheading)"."
-    counter(subsubsubsubheading)"."
-    counter(subsubsubsubsubheading)". ";
-  counter-increment: subsubsubsubsubheading;
-}
-
 /* text content */
 :is(article :is(blockquote, dl, figure, menu, ol, p, pre, ul, div)) +
 :is(article :is(blockquote, dl, figure, menu, ol, p, pre, ul, div)) {
@@ -139,12 +71,23 @@ article h6:before {
   margin-block-end: var(--v-un);
 }
 
+:is(article :is(blockquote, dl, figure, menu, ol, p, pre, ul, div)) +
+:is(article :is(address, article, aside, footer, header, hgroup, nav, section, search)) {
+  margin-block-start: var(--v-un);
+}
+
 :is(article :is(h1, h2, h3, h4, h5, h6)) +
 :is(article :is(blockquote, dl, figure, menu, ol, p, pre, ul)) {
   margin-block-start: var(--v-un);
 }
 
-:is(article :is(blockquote, dl, figure, menu, ol, p, pre, ul, div)) +
+:is(article :is(h1, h2, h3, h4, h5, h6)) +
+:is(article :is(h1, h2, h3, h4, h5, h6)) {
+  margin-block-start: calc(2 * var(--v-un));
+  margin-block-end: var(--v-un);
+}
+
+:is(article :is(h1, h2, h3, h4, h5, h6)) +
 :is(article :is(address, article, aside, footer, header, hgroup, nav, section, search)) {
   margin-block-start: var(--v-un);
 }
@@ -160,11 +103,6 @@ article h6:before {
   margin-block-end: var(--v-un);
 }
 
-:is(article :is(h1, h2, h3, h4, h5, h6)) +
-:is(article :is(address, article, aside, footer, header, hgroup, nav, section, search)) {
-  margin-block-start: var(--v-un);
-}
-
 blockquote {
 	margin-inline: calc(4 * var(--h-un));
 }
@@ -223,24 +161,16 @@ a:visited:active {
 }
 
 /* layout */
-body {
-  width: 100vw;
-  height: 100vh;
-}
-
 body>main {
-  margin: 0 auto;
-  width: max-content;
-	height: 100%;
+  width: 100vw;
+	height: 100vh;
 	display: grid;
-  grid-template-columns: repeat(3, var(--col-w));
+  grid-auto-flow: column;
+  grid-auto-columns: var(--col-w);
 	overflow-x: scroll;
 }
 
-body>main>* {
+body>main>article {
 	overflow-y: scroll;
-}
-
-body>main>*>article {
   padding: var(--v-un) var(--h-un);
 }