fix(site): restore docs-viz-caption top margin squashed by .prose p

The .prose p rule (specificity 0,1,1) was overriding .docs-viz-caption's
intended margin-top, leaving 0px between the caption and the cards/file/
report above it on every docs page that uses the hero block.

Bump specificity with .docs-viz-hero .docs-viz-caption and set
margin: 16px 0 0 so the caption sits 16px below the visual and lets the
hero's 24px padding alone control the bottom gap. Symmetric inside the
cream box.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Paul Bakaus
2026-04-24 15:45:59 -07:00
co-authored by Claude Opus 4.7
parent 346ce25952
commit 25353448e2
+2 -1
View File
@@ -30,8 +30,9 @@
padding: 0;
}
.docs-viz-hero .docs-viz-caption,
.docs-viz-caption {
margin: 10px 0 0;
margin: 16px 0 0;
font-family: var(--font-body);
font-size: 0.8125rem;
color: var(--color-ash);