From 5ded3deb0e321e0061d06955bc3eac9d60b2b4ac Mon Sep 17 00:00:00 2001
From: Goldfinch <goldfinch@tree.camp>
Date: Sun, 19 Jul 2026 12:43:18 -0600
Subject: [PATCH] Docs: hero pane scroll area fills the pane

The set:html wrapper and shiki pre stretch to the figure's height, so
horizontal scrolling works anywhere in the box, not just over text.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 docs/src/pages/index.astro | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/docs/src/pages/index.astro b/docs/src/pages/index.astro
index a38ed59..d3150a6 100644
--- a/docs/src/pages/index.astro
+++ b/docs/src/pages/index.astro
@@ -404,9 +404,18 @@ squill fmt path/to/queries/</code></pre>
 			.tidy {
 				color: var(--green);
 			}
+			/* The set:html wrapper and the pre both stretch so the scrollable
+			   area fills the pane, not just the lines of text. */
+			.pair figure > div {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				min-width: 0;
+			}
 			/* shiki emits the <pre> at build time, so it needs :global and a
 			   background override (the panes supply their own). */
 			.pair :global(pre) {
+				flex: 1;
 				margin: 0;
 				padding: 0.5rem 1.25rem 1.25rem;
 				overflow-x: auto;
-- 
2.51.2