fix: prevent horizontal overflow on mobile (#206)

Add overflow-x: hidden on body and .content, overflow-wrap: break-word
on .content, and overflow-x: auto on tables. Fixes the mobile ToC FAB
rendering off-screen on pages with wide content.

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: braboj

astro-site/src/styles/global.css

@@ -84,6 +84,7 @@ body {
   color: var(--color-fg);
   background: var(--color-bg);
   -webkit-font-smoothing: antialiased;
+  overflow-x: hidden;
 }
 
 a {
@@ -406,6 +407,8 @@ a:hover {
 .content {
   padding: var(--space-xl) var(--space-2xl);
   min-width: 0;
+  overflow-x: hidden;
+  overflow-wrap: break-word;
 }
 
 /* Right sidebar — tutorial links */
@@ -505,6 +508,8 @@ a:hover {
   border-collapse: collapse;
   margin-bottom: var(--space-lg);
   font-size: var(--font-size-sm);
+  display: block;
+  overflow-x: auto;
 }
 
 .content caption {