move note to prev page

css/style.css

@@ -244,14 +244,6 @@ body {
        break-before: page;
 }
 
-#section__content h1 {
-  -moz-column-break-before: left;
-       break-before: left;
-  -moz-column-break-after: page;
-       break-after: page;
-  page: chapter;
-}
-
 #section__content h1 .h1-count {
   string-set: chapterCount content(text);
 }
@@ -260,6 +252,16 @@ body {
   string-set: chapter content(text);
 }
 
+#section__content {
+  -moz-column-break-before: left;
+       break-before: left;
+}
+
+#section__content h1:first-of-type {
+  -moz-column-break-before: right;
+       break-before: right;
+}
+
 sup {
   line-height: 0;
 }
@@ -353,11 +355,6 @@ ol[type="1"].ol-clone {
   left: 73mm;
 }
 
-#section__content h1 {
-  -moz-column-span: all;
-       column-span: all;
-  height: 215mm;
-}
 #section__content h2::before, #section__content h3::before, #section__content h4::before, #section__content h5::before, #section__content h6::before {
   content: attr(data-counter);
 }
@@ -402,12 +399,6 @@ ol[type="1"].ol-clone {
   font-size: 115px;
   line-height: 0.9;
   hyphens: auto;
-  -moz-column-break-inside: avoid;
-       break-inside: avoid;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  text-align: center;
 }
 #section__content h1 span {
   display: block;
@@ -491,6 +482,11 @@ ol[type="1"].ol-clone {
   color: red;
 }
 
+.body-note {
+  display: block;
+  color: red;
+}
+
 #toc_container {
   -moz-column-break-before: page;
        break-before: page;