fix: rich text prose alignment, testimonial padding, 3-col grids, VPS max values

src/app/(frontend)/globals.css

@@ -890,3 +890,12 @@ html:not([data-theme]) {
   border-color: #e5e5e5;
   margin: 2.5rem 0;
 }
+
+/* Reset Payload's default padding on the richtext container
+   so it aligns with the parent block's layout.
+   Two selectors: descendant (blocks) and same-element (posts page) */
+.fd-prose .payload-richtext,
+.fd-prose.payload-richtext {
+  padding-left: 0;
+  padding-right: 0;
+}

src/app/(frontend)/posts/[slug]/page.tsx

@@ -87,6 +87,7 @@ export default async function PostPage({ params }: Args) {
             <RichText
               data={post.content as any}
               enableGutter={false}
+              enableProse={false}
               className="fd-prose"
             />
           </div>

src/blocks/FDTextBlock/Component.tsx

@@ -64,7 +64,7 @@ export const FDTextBlockComponent: React.FC<FDTextBlockProps> = ({
           )}
           {body && (
             <div className={`font-joey text-fd-body-lg fd-prose ${colors.body}`}>
-              <RichText data={body} />
+              <RichText data={body} enableGutter={false} enableProse={false} />
             </div>
           )}
         </div>

src/blocks/FDUspTableBlock/Component.tsx

@@ -79,7 +79,7 @@ export const FDUspTableBlockComponent: React.FC<FDUspTableBlockProps> = ({
                 <span className={`font-joey-bold text-fd-h3 ${txt}`}>{row.title}</span>
               </div>
               <div className={`font-joey text-fd-body fd-prose ${prose} md:pl-0 pl-14`}>
-                <RichText data={(row.description) as any} />
+                <RichText data={(row.description) as any} enableGutter={false} enableProse={false} />
               </div>
             </div>
           ))}