refactor(layout): unify inner-page typography rhythm with container-based widths

src/pages/blog/index.astro

@@ -51,7 +51,7 @@ const sortedBlogPosts = sortPostsByDate(blogPosts);
         <h1 class="text-5xl md:text-6xl font-bold bg-gradient-to-r from-foreground via-primary to-primary dark:from-foreground dark:via-blue-200 dark:to-orange-300 bg-clip-text text-transparent mb-6">
           <span class="text-primary">Blog</span>
         </h1>
-        <p class="text-xl text-muted-foreground max-w-3xl mx-auto">
+        <p class="text-xl text-muted-foreground page-content-main">
           Thoughts on AI products, full-stack development, and building in public. Exploring the intersection of technology and product building.
         </p>
       </div>
@@ -74,7 +74,7 @@ const sortedBlogPosts = sortPostsByDate(blogPosts);
           <BlogList posts={sortedBlogPosts} lang="en" />
         </div>
       </div>
-    </div>
+    </Container>
   </main>
 </BlogLayout>