fix: scale category subtitle margin with the hero heading

The subtitle's fixed top margin did not grow with the fluid h1, so heading descenders crowded the subtitle on category and sponsorship heroes.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-10-21 15:49:35 +08:00
co-authored by Claude
parent 537aff4a46
commit af4f4f8d2f
+2 -1
View File
@@ -493,7 +493,8 @@ kbd {
}
.category-subtitle {
margin-top: 1.1rem;
/* Cormorant descenders hang ~0.28em below the h1's 0.9 line box, so the gap scales with the h1. */
margin-top: max(1.1rem, var(--display-lg) * 0.3);
color: var(--hero-muted);
font-size: var(--text-xl);
text-wrap: pretty;