STYLE Refining styles

resources/css/blocks/chapter-section.css

@@ -3,6 +3,11 @@
   @apply py-32 xl:py-32 2xl:py-48 px-32;
 
   @apply max-w-screen-2xl mx-auto;
+  color: var(--content-box-text-color);
+
+  &:first-child {
+    @apply mt-0;
+  }
 
   h2 {
     @apply title-small;
@@ -14,14 +19,34 @@
     @apply flex-row-reverse;
   }
   &--has-background {
-    @apply relative py-12 xl:py-24 !my-12;
+    @apply relative py-12 xl:py-24 !mb-12;
+
+    &:not(:first-child) {
+      @apply mt-0;
+    }
+
+    &:first-child {
+      margin-top: -32px !important;
+    }
   }
+
   &__content {
     @apply max-w-3xl;
     p {
       @apply text-neutral-600 max-w-xl mb-2;
     }
   }
+  &__content p,
+  .carhop-heading p,
+  h1.wp-block-heading,
+  h2.wp-block-heading,
+  h3.wp-block-heading,
+  h4.wp-block-heading,
+  h5.wp-block-heading,
+  h6.wp-block-heading {
+    color: var(--chapter-section-text-color);
+  }
+
   &__innerblocks {
     /* @apply max-w-xl; */
     p {