Fix chart overflow on mobile devices

- Add max-width and overflow-x: auto to figure elements
- Use contain: content to prevent layout bleeding
- Constrain SVG height on mobile to prevent infinite overflow
- Charts are now horizontally scrollable on narrow screens

Fixes issue where plot bottoms extended through article content on mobile.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: dshkol

docs/style.css

@@ -179,12 +179,15 @@
 /* Charts */
 #observablehq-main figure {
   margin: 2rem 0;
-  overflow: visible;
+  max-width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
-/* Ensure SVG elements aren't clipped */
+/* Ensure SVG elements display properly */
 #observablehq-main figure svg {
-  overflow: visible;
+  display: block;
+  max-width: none; /* Allow horizontal scroll on mobile rather than squishing */
 }
 
 /* Chart titles */
@@ -450,6 +453,28 @@
     -webkit-overflow-scrolling: touch;
   }
 
+  /* Contain charts on mobile - prevent overflow bleeding */
+  #observablehq-main figure {
+    position: relative;
+    margin-left: -1rem;
+    margin-right: -1rem;
+    padding: 0 1rem;
+    overflow-x: auto;
+    overflow-y: hidden;
+    contain: content;
+  }
+
+  /* Ensure plot containers don't break layout */
+  #observablehq-main figure > * {
+    min-width: 0;
+  }
+
+  /* Constrain SVG charts within figure */
+  #observablehq-main figure svg {
+    max-height: 400px;
+    overflow: hidden;
+  }
+
   /* Featured articles stack */
   .featured-articles {
     gap: 0.75rem;