From b08efc741bba0ba731c454739e7806122673a7a0 Mon Sep 17 00:00:00 2001 From: Harsh Tandiya Date: Thu, 1 Oct 2026 12:50:35 +0530 Subject: [PATCH] fix(event-page): keep description headings below the section title Prose had no heading rules, so an h2 in an event description fell back to the browser default (1.5em, bold) and outranked the 20px "About" title. Size prose headings from espresso tokens, cap them at 18px semibold, and stop editor-added from pushing the weight past semibold. --- buzz/public/themes/base.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/buzz/public/themes/base.css b/buzz/public/themes/base.css index e9c909fa..4975ac24 100644 --- a/buzz/public/themes/base.css +++ b/buzz/public/themes/base.css @@ -353,6 +353,28 @@ body { list-style: decimal; } +/* Kept under the 20px section title so a description never outranks its own heading. */ +.prose :is(h1, h2, h3, h4, h5, h6) { + margin: 0; + color: var(--ink); + font-size: var(--text-lg); + font-weight: var(--font-weight-semibold); + line-height: 1.3; +} + +.prose :is(h1, h2) { + font-size: var(--text-2xl); +} + +.prose > * + :is(h1, h2, h3, h4, h5, h6) { + margin-top: 24px; +} + +/* Editors wrap heading text in ; `bolder` would push it past semibold. */ +.prose :is(h1, h2, h3, h4, h5, h6) strong { + font-weight: inherit; +} + /* Tabs */ .tabs {