sectionedFootnotes

css/modules/_footnotes.scss

@@ -1,48 +1,88 @@
-@page {
-    @footnote {
-      float: bottom;
-      footnote-policy: auto;
-    }
-  }
+// @page {
+//     @footnote {
+//       float: bottom;
+//       footnote-policy: auto;
+//     }
+//   }
 
-  .pagedjs_footnote_content{
-  padding-top: calc(var(--baseline)*1);
-  }
+//   .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;
-  // font-weight: 100;
+// .inline-note { 
+//   float: footnote; 
+//   footnote-policy: auto;
+//   font-size: 9px;
+//   line-height: calc(var(--baseline)*0.8);
+//   padding-left: var(--indent);
+//   position: relative;
+//   // font-weight: 100;
 
-  &::marker{
-    display: none;
-    content: "";
-  }
+//   &::marker{
+//     display: none;
+//     content: "";
+//   }
   
-}
+// }
 
 
-[data-counter-note]{
-&::before{
-    content: attr(data-counter-note) ".";
-    position: absolute;
-    // left: calc(var(--indent)*-1);
-    left: 0px;
-  }
-}
+// [data-counter-note]{
+// &::before{
+//     content: attr(data-counter-note) ".";
+//     position: absolute;
+//     left: 0px;
+//   }
+// }
 
-[data-footnote-call]{
-      font-size: 9px;
-}
+// [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{
+  break-before: right;
+
+   .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;
+        &::before{
+           content: attr(data-part-number) ". " 
+        }
+    }
+
+    li{
+      font-size: var(--fs-small);
+
+      // &::marker{
+      //   font-family: var(--font-title);
+      //   font-weight: 500;
+      // }
+    }
+
+    .footnote-back{
+      display: none;
+    }
+
+  
+
+}
+
+[data-id="footnotes"][data-split-from] > :first-child {
+  margin-top: 0;
 }