Keep space under the guide logo and align header and body.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/(marketing)/_components/LegalDocumentPage.tsx

@@ -153,21 +153,17 @@ export default function LegalDocumentPage({
       />
 
       <div className="relative min-h-screen overflow-x-hidden bg-transparent">
-        <ContentBanner post={post} variant="guide" />
+        <ContentBanner
+          post={post}
+          variant="guide"
+          updatedLabel={page.updated}
+        />
 
         <article
-          className="relative z-10 p-[var(--spacing-scale-024)] sm:py-[var(--spacing-scale-032)]"
+          className="relative z-10 flex w-full justify-center p-[var(--spacing-scale-024)] sm:px-0 sm:py-[var(--spacing-scale-032)]"
           data-node-id="19003:23574"
         >
-          <div className={`${ARTICLE_COLUMN_CLASS} -mt-[var(--spacing-scale-048)]`}>
-            <div
-              className="flex flex-wrap items-end gap-[var(--measures-spacing-008,8px)] text-xx-small-paragraph text-[var(--color-content-default-secondary)] md:text-x-small-paragraph lg:text-small-paragraph xl:text-large-paragraph"
-              data-name="Metadata Container"
-            >
-              <span>{page.banner.author}</span>
-              <span>{page.updated}</span>
-            </div>
-
+          <div className={ARTICLE_COLUMN_CLASS}>
             {page.intro.length > 0 ? (
               <div className="flex flex-col gap-[1em]">
                 {page.intro.map((paragraph) => (

app/(marketing)/how-it-works/page.tsx

@@ -111,7 +111,7 @@ export default function HowItWorksPage() {
 
           <article className="relative z-10 p-[var(--spacing-scale-024)] sm:py-[var(--spacing-scale-032)]">
             <div
-              className="post-body -mt-[var(--spacing-scale-048)] text-[var(--color-content-default-primary)] text-medium-paragraph sm:text-large-paragraph lg:text-x-large-paragraph xl:text-xx-large-paragraph sm:mx-auto sm:max-w-[390px] md:max-w-[472px] lg:max-w-[700px] xl:max-w-[904px]"
+              className="post-body text-[var(--color-content-default-primary)] text-medium-paragraph sm:text-large-paragraph lg:text-x-large-paragraph xl:text-xx-large-paragraph sm:mx-auto sm:max-w-[390px] md:max-w-[472px] lg:max-w-[700px] xl:max-w-[904px]"
               dangerouslySetInnerHTML={{ __html: syntheticPost.htmlContent }}
             />
           </article>