add intro and chapter wrapper

css/modules/_layout.scss

@@ -150,20 +150,6 @@ $unit: calc($content-w/7);
 }
 
 
-// #section__content{
-//     columns: 2;
-//     column-gap: $gap;
-//     column-fill: auto;
-// }
-
-
-// Title chapter
-
-// #section__content h1{
-//     break-before: left;
-//     break-after: page;
-//     page: chapter;
-// }
 #section__content h1 .h1-count{
     string-set: chapterCount content(text);
 }
@@ -172,13 +158,20 @@ $unit: calc($content-w/7);
     string-set: chapter content(text);
 }
 
-
-#section__content{
+.chapter{
     break-before: left;
 }
 
+.intro{
+    color: red;
+}
 
-#section__content h1:first-of-type{
-    break-before: right;
-    // background-color: red;
-}
+
+// #section__content{
+//     break-before: left;
+// }
+
+
+// #section__content h1:first-of-type{
+//     break-before: right;
+// }

css/modules/_titles.scss

@@ -2,6 +2,7 @@
 #section__content{
 
    
+   
 
 
 
@@ -15,7 +16,7 @@
     // }
 
     h1{
-        break-before: page;
+        // break-before: page;
         break-after: page;
 
         position: absolute;

css/style.css

@@ -253,14 +253,13 @@ body {
   string-set: chapter content(text);
 }
 
-#section__content {
+.chapter {
   -moz-column-break-before: left;
        break-before: left;
 }
 
-#section__content h1:first-of-type {
-  -moz-column-break-before: right;
-       break-before: right;
+.intro {
+  color: red;
 }
 
 sup {
@@ -362,8 +361,6 @@ ol[type="1"].ol-clone {
 }
 
 #section__content h1 {
-  -moz-column-break-before: page;
-       break-before: page;
   -moz-column-break-after: page;
        break-after: page;
   position: absolute;