Fix · Bloom section heads left-align (hero stays centered) + drop Newsprint double-rule

- 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.
This commit is contained in:
Youssef
2026-05-18 15:10:02 +01:00
parent b41a3e60e2
commit f5d5c075a2
2 changed files with 7 additions and 5 deletions
+7 -4
View File
@@ -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;
}
-1
View File
@@ -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;