style notes

css/style.css

@@ -355,6 +355,10 @@ ol[type="1"].ol-clone {
   left: 73mm;
 }
 
+#section__content h1 {
+  -moz-column-break-before: page;
+       break-before: page;
+}
 #section__content h2::before, #section__content h3::before, #section__content h4::before, #section__content h5::before, #section__content h6::before {
   content: attr(data-counter);
 }
@@ -482,9 +486,35 @@ ol[type="1"].ol-clone {
   color: red;
 }
 
+.pagedjs_page_content {
+  position: relative;
+}
+
+.container-note {
+  padding-left: calc(var(--unit) * 2);
+}
+
+.container-note-first {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
 .body-note {
   display: block;
-  color: red;
+  font-family: var(--font-sans);
+  font-size: var(--fs-small);
+  line-height: calc(var(--baseline) * 0.75);
+  hyphens: auto;
+  hyphenate-limit-chars: 7 3 4;
+  hyphenate-limit-lines: 2;
+  hyphenate-limit-zone: 8%;
+  word-spacing: -0.004em;
+  text-align: justify;
+}
+
+.note_marker {
+  font-weight: bold;
 }
 
 #toc_container {