sectionedFootnotes

css/style.css

@@ -4,6 +4,7 @@
   --font-title: "Allium Rounded", sans-serif;
   --font-sans: "Allium Rounded", sans-serif;
   --font-size: 11px;
+  --fs-small: 9.5px;
   --fs-num: 14px;
   --baseline: 16px;
   --indent: 26px;
@@ -38,8 +39,8 @@ body {
     marks: crop;
   }
   @page :left {
-    margin-left: 22mm;
-    margin-right: 22mm;
+    margin-left: 18mm;
+    margin-right: 26mm;
     @bottom-left {
       content: counter(page);
       font-family: var(--font-title);
@@ -48,8 +49,8 @@ body {
     }
   }
   @page :right {
-    margin-left: 32mm;
-    margin-right: 22mm;
+    margin-left: 26mm;
+    margin-right: 18mm;
     @bottom-right {
       content: counter(page);
       font-family: var(--font-title);
@@ -67,7 +68,7 @@ body {
       transform: rotate(90deg);
       text-align: left;
       position: relative;
-      left: 18mm;
+      left: 14mm;
       padding-left: 5px;
     }
   }
@@ -213,8 +214,7 @@ ol[type="1"] + p {
 
 blockquote {
   padding-left: calc(var(--indent) * 1);
-  font-size: 9px;
-  line-height: calc(var(--baseline) * 0.75);
+  font-size: var(--fs-small);
   margin-top: calc(var(--baseline) * 0.5);
   margin-bottom: calc(var(--baseline) * 0.5);
 }
@@ -338,6 +338,7 @@ ol[type="1"]{
        break-inside: avoid;
   -moz-column-break-after: avoid;
        break-after: avoid;
+  text-wrap: balance;
   /* hack for avoiding break-after */
   margin-bottom: calc(var(--baseline) * -3);
 }
@@ -351,6 +352,7 @@ ol[type="1"]{
        break-inside: avoid;
   -moz-column-break-after: avoid;
        break-after: avoid;
+  text-wrap: balance;
   /* hack for avoiding break-after */
   margin-bottom: calc(var(--baseline) * -2);
 }
@@ -455,46 +457,43 @@ ol[type="1"]{
   margin-top: 0;
 }
 
-@page {
-  @footnote {
-    float: bottom;
-    footnote-policy: auto;
-  }
-}
-.pagedjs_footnote_content {
-  padding-top: calc(var(--baseline) * 1);
-}
-
-.inline-note {
-  float: footnote;
-  footnote-policy: auto;
-  font-size: 9px;
-  line-height: calc(var(--baseline) * 0.8);
-  padding-left: var(--indent);
-  position: relative;
-}
-.inline-note::marker {
-  display: none;
-  content: "";
-}
-
-[data-counter-note]::before {
-  content: attr(data-counter-note) ".";
-  position: absolute;
-  left: 0px;
-}
-
-[data-footnote-call] {
-  font-size: 9px;
-}
-
 .footnote-ref {
   font-family: var(--font-title);
   line-height: 0;
-  font-size: 9px;
+  font-size: var(--fs-small);
   font-weight: 500;
 }
 
+#footnotes {
+  -moz-column-break-before: right;
+       break-before: right;
+}
+#footnotes .title-part {
+  font-family: var(--font-title);
+  font-size: 1.1rem;
+  font-weight: 500;
+  line-height: calc(var(--baseline) * 1.2);
+  margin-top: calc(var(--baseline) * 2);
+  padding-bottom: calc(var(--baseline) * 1);
+  padding-right: 2ch;
+  padding-left: 2ch;
+  text-align: center;
+  text-wrap: balance;
+}
+#footnotes .title-part::before {
+  content: attr(data-part-number) ". ";
+}
+#footnotes li {
+  font-size: var(--fs-small);
+}
+#footnotes .footnote-back {
+  display: none;
+}
+
+[data-id=footnotes][data-split-from] > :first-child {
+  margin-top: 0;
+}
+
 #section__list-of-abbr {
   display: none;
   color: red;