From f5d5c075a29dfaf421402d420db4079c8a85ee1b Mon Sep 17 00:00:00 2001 From: Youssef Date: Mon, 18 May 2026 15:10:02 +0100 Subject: [PATCH] =?UTF-8?q?Fix=20=C2=B7=20Bloom=20section=20heads=20left-a?= =?UTF-8?q?lign=20(hero=20stays=20centered)=20+=20drop=20Newsprint=20doubl?= =?UTF-8?q?e-rule?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Bloom: .section__head was text-align: center with .section-label justify-content: center and .section__title margin-inline: auto — every section read as centered-everything (the AI fingerprint). Flipped to text-align: left, justify-content: flex-start, margin-inline: 0. Hero (.hero--marquee) stays centered via its own rules; the atmospheric glow does the centering work without needing every section head to repeat it. Tag stays above the title in the same column (still passes gate 66). - Newsprint: removed border-top: 3px double var(--color-ink) from .section__head — the double rule above each section tag was reading as decorative noise on a layout that already has a strong 1 px bottom border. Single bottom border kept. --- site/css/components.css | 11 +++++++---- site/css/sections.css | 1 - 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/site/css/components.css b/site/css/components.css index f9ea23d..e9b0120 100644 --- a/site/css/components.css +++ b/site/css/components.css @@ -3555,18 +3555,21 @@ html[data-theme="bloom"] body { justify-self: center; } -/* Bloom's section heads — also centered for atmosphere. */ +/* Bloom — left-aligned section heads (hero stays centered above). The + atmospheric glow does the centering work — re-centering section heads + reads as a templated AI fingerprint. Tag stays above the title in the + same column (matches slop-test gate 66). */ [data-theme="bloom"] .section__head { grid-template-columns: 1fr; - text-align: center; + text-align: left; border-bottom: 0; padding-bottom: var(--space-md); } [data-theme="bloom"] .section-label { - justify-content: center; + justify-content: flex-start; } [data-theme="bloom"] .section__title { - margin-inline: auto; + margin-inline: 0; max-width: 26ch; } diff --git a/site/css/sections.css b/site/css/sections.css index 1a7d8fc..4355b02 100644 --- a/site/css/sections.css +++ b/site/css/sections.css @@ -1383,7 +1383,6 @@ } [data-theme="newsprint"] .section__head { grid-template-columns: 1fr; - border-top: 3px double var(--color-ink); border-bottom: 1px solid var(--color-ink); padding-block: 0.5rem; align-items: baseline;