Style shared richtext blocks via project template override

mandelstudio/templates/engine/blocks/core/richtext.html

@@ -0,0 +1,45 @@
+<section class="container py-5">
+  <div class="row justify-content-center">
+    <div class="col-12 col-lg-10 col-xl-9">
+      <div class="te-richtext card border-0 shadow-sm rounded-4">
+        <div class="card-body p-4 p-md-5">
+          {{ value.content }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<style>
+  .te-modern-saas .te-richtext {
+    color: var(--te-color-text-base);
+    background: color-mix(in srgb, var(--te-color-surface-soft) 18%, white 82%);
+  }
+
+  .te-modern-saas .te-richtext .card-body > * + * {
+    margin-top: 1rem;
+  }
+
+  .te-modern-saas .te-richtext h2,
+  .te-modern-saas .te-richtext h3,
+  .te-modern-saas .te-richtext h4 {
+    color: var(--te-color-surface-strong);
+    margin-top: 2rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .te-modern-saas .te-richtext p,
+  .te-modern-saas .te-richtext li {
+    line-height: 1.75;
+  }
+
+  .te-modern-saas .te-richtext ul,
+  .te-modern-saas .te-richtext ol {
+    padding-left: 1.25rem;
+    margin-bottom: 0;
+  }
+
+  .te-modern-saas .te-richtext a {
+    font-weight: 600;
+  }
+  </style>