fix: align post header left edge with tags block

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

layouts/posts/single.html

@@ -10,55 +10,57 @@
 {{- define "main" -}}
 
   <!-- ── ARTICLE HEADER ────────────────────────────────────────── -->
-  <header class="gutter-x pt-36 pb-12 max-w-5xl mx-auto relative overflow-hidden">
+  <header class="gutter-x pt-36 pb-12 relative overflow-hidden">
-    <!-- Faded decorative category text -->
+    <div class="max-w-5xl mx-auto">
-    {{- with index .Params.categories 0 -}}
+      <!-- Faded decorative category text -->
-      <div
+      {{- with index .Params.categories 0 -}}
-        class="graffiti-tag absolute -top-2 -right-4 select-none pointer-events-none"
+        <div
-        style="-webkit-text-stroke-color: rgba(155,0,255,0.08);"
+          class="graffiti-tag absolute -top-2 -right-4 select-none pointer-events-none"
-        aria-hidden="true"
+          style="-webkit-text-stroke-color: rgba(155,0,255,0.08);"
-      >
+          aria-hidden="true"
-        {{ . }}
+        >
-      </div>
+          {{ . }}
-    {{- end -}}
+        </div>
-
-
-    <!-- Categories -->
-    {{- with .Params.categories -}}
-      <div class="flex flex-wrap gap-2 mb-6">
-        {{- range . -}}
-          <a href="/categories/{{ . | urlize }}/" class="badge badge-outline">{{ . }}</a>
-        {{- end -}}
-      </div>
-    {{- end -}}
-
-
-    <!-- Title -->
-    <h1 class="font-display text-5xl md:text-7xl lg:text-8xl text-paper text-balance mb-8 leading-none">
-      {{- .Title -}}
-    </h1>
-
-    <!-- Description -->
-    {{- with .Description -}}
-      <p class="text-chalk text-xl md:text-2xl max-w-2xl mb-10 leading-relaxed text-pretty font-body font-light">
-        {{ . }}
-      </p>
-    {{- end -}}
-
-
-    <!-- Author byline -->
-    {{- with .Params.author -}}
-      {{- $authorPage := site.GetPage (printf "authors/%s" .) -}}
-      {{- with $authorPage -}}
-        {{- partial "author-card.html" . -}}
       {{- end -}}
-    {{- end -}}
 
 
-    <!-- Date -->
+      <!-- Categories -->
-    <time class="label text-fog" datetime="{{ .Date.Format "2006-01-02" }}">
+      {{- with .Params.categories -}}
-      {{- .Date.Format "January 2, 2006" -}}
+        <div class="flex flex-wrap gap-2 mb-6">
-    </time>
+          {{- range . -}}
+            <a href="/categories/{{ . | urlize }}/" class="badge badge-outline">{{ . }}</a>
+          {{- end -}}
+        </div>
+      {{- end -}}
+
+
+      <!-- Title -->
+      <h1 class="font-display text-5xl md:text-7xl lg:text-8xl text-paper text-balance mb-8 leading-none">
+        {{- .Title -}}
+      </h1>
+
+      <!-- Description -->
+      {{- with .Description -}}
+        <p class="text-chalk text-xl md:text-2xl max-w-2xl mb-10 leading-relaxed text-pretty font-body font-light">
+          {{ . }}
+        </p>
+      {{- end -}}
+
+
+      <!-- Author byline -->
+      {{- with .Params.author -}}
+        {{- $authorPage := site.GetPage (printf "authors/%s" .) -}}
+        {{- with $authorPage -}}
+          {{- partial "author-card.html" . -}}
+        {{- end -}}
+      {{- end -}}
+
+
+      <!-- Date -->
+      <time class="label text-fog" datetime="{{ .Date.Format "2006-01-02" }}">
+        {{- .Date.Format "January 2, 2006" -}}
+      </time>
+    </div>
   </header>
 
   <!-- ── GRADIENT DIVIDER ──────────────────────────────────────── -->