fix: actually center blog post content by removing forced left alignment

- Remove problematic 'text-left' from prose-centered CSS class
- Restructure blog single template to properly center content within flex layout
- Wrap blog header and content in max-w-4xl mx-auto containers
- Fix navigation section to use consistent centering
- Ensure blog posts now display with proper centered text alignment

This addresses the issue where blog content was still left-aligned
despite previous attempts to fix text centering across the site.

Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: starbops

assets/css/custom.css

@@ -12,7 +12,7 @@
 
   /* Centered prose content with optimal reading width */
   .prose-centered {
-    @apply max-w-4xl mx-auto text-left;
+    @apply max-w-4xl mx-auto;
   }
 
   /* Prose content specifically for main content sections */

layouts/_default/single.html

@@ -4,34 +4,37 @@
     <div class="flex flex-col lg:flex-row gap-8 mb-12">
         <!-- Main Content -->
         <article class="flex-1 min-w-0">
-            <header class="reading-width-wide mb-8">
-                {{ with .Params.categories }}
-                    <div class="mb-4">
-                        {{ range . }}
-                            <a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}" 
-                               class="inline-block px-3 py-1 text-sm font-medium text-primary-600 bg-primary-50 rounded-full hover:bg-primary-100 mr-2">
-                                {{ . }}
-                            </a>
-                        {{ end }}
-                    </div>
-                {{ end }}
+            <!-- Header centered -->
+            <div class="max-w-4xl mx-auto">
+                <header class="mb-8">
+                    {{ with .Params.categories }}
+                        <div class="mb-4">
+                            {{ range . }}
+                                <a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}" 
+                                   class="inline-block px-3 py-1 text-sm font-medium text-primary-600 bg-primary-50 rounded-full hover:bg-primary-100 mr-2">
+                                    {{ . }}
+                                </a>
+                            {{ end }}
+                        </div>
+                    {{ end }}
 
-                <h1 class="responsive-title mb-4">{{ .Title }}</h1>
-                
-                {{ partial "post-meta.html" . }}
-            </header>
+                    <h1 class="responsive-title mb-4">{{ .Title }}</h1>
+                    
+                    {{ partial "post-meta.html" . }}
+                </header>
 
-            {{ with .Params.featured_image }}
-                <div class="reading-width-wide mb-8">
-                    <img src="{{ . }}" 
-                         alt="{{ $.Title }}" 
-                         class="w-full h-auto rounded-lg"
-                         loading="lazy">
-                </div>
-            {{ end }}
+                {{ with .Params.featured_image }}
+                    <div class="mb-8">
+                        <img src="{{ . }}" 
+                             alt="{{ $.Title }}" 
+                             class="w-full h-auto rounded-lg"
+                             loading="lazy">
+                    </div>
+                {{ end }}
+            </div>
 
-            <!-- Content with optimal reading width -->
-            <div class="prose prose-lg prose-centered">
+            <!-- Content with optimal reading width and proper centering -->
+            <div class="prose prose-lg max-w-4xl mx-auto">
                 {{ .Content }}
             </div>
         </article>
@@ -44,7 +47,7 @@ <h1 class="responsive-title mb-4">{{ .Title }}</h1>
 
     <!-- Full-width Navigation Section -->
     <nav class="border-t border-gray-200 mt-12 pt-8">
-        <div class="reading-width-wide">
+        <div class="max-w-4xl mx-auto">
             <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
                 {{ with .PrevInSection }}
                     <a href="{{ .RelPermalink }}"