From 36327abed26375ea2a1e653960cbcd834c385e28 Mon Sep 17 00:00:00 2001
From: martbost <martybostick@gmail.com>
Date: Sat, 29 Aug 2026 05:47:03 -0500
Subject: [PATCH] Member pages: centre the hero block like every other page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The site's .hero is text-align:center, so /p/<id> was the only landing page
left-aligning its heading. The eyebrow, headline and subhead now centre with
the rest of the site.

The story body deliberately stays left-aligned — centred long-form prose is
harder to read because every line starts in a different place, and that
section is several paragraphs.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 suite-pages.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/suite-pages.js b/suite-pages.js
index 323ebeb..079f68c 100644
--- a/suite-pages.js
+++ b/suite-pages.js
@@ -192,13 +192,18 @@ function render(rec) {
     '<link rel="icon" type="image/png" href="/favicon.png"><link rel="stylesheet" href="/styles.css">' +
     '<style>' +
     '.pp{max-width:760px;margin:0 auto;padding:30px 20px 70px}' +
+    // The rest of the site centres its hero block (.hero is text-align:center),
+    // so this page was the odd one out. Centre the eyebrow, heading and
+    // subhead — but NOT the story below, because centred long-form prose is
+    // measurably harder to read: every line starts in a different place.
+    '.pp .by,.pp h1,.pp .sub{text-align:center}' +
     '.pp h1{font-size:clamp(30px,6vw,48px);line-height:1.06;letter-spacing:-.8px;margin:8px 0 12px;text-wrap:balance}' +
     '.pp h1 .gold{color:var(--gold)}' +
-    '.pp .sub{color:#dbe6ef;font-size:clamp(19px,2.4vw,22px);line-height:1.55;margin-bottom:24px;max-width:46ch}' +
+    '.pp .sub{color:#dbe6ef;font-size:clamp(19px,2.4vw,22px);line-height:1.55;margin:0 auto 24px;max-width:46ch}' +
     // The byline becomes the gold eyebrow the rest of the site uses above
     // an h1, so a member page reads as part of the same family instead of
     // a stray document.
-    '.pp .by{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:12px;font-weight:700;' +
+    '.pp .by{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gold);font-size:12px;font-weight:700;' +
       'letter-spacing:1.6px;text-transform:uppercase;margin-bottom:6px}' +
     '.pp .by b{color:var(--gold);font-weight:800}' +
     '.pp .vid{border-radius:14px;overflow:hidden;border:1px solid var(--line);margin:0 0 24px}' +