From 3d5682c59fd6fb1399166cdf6e9ec8082c38e867 Mon Sep 17 00:00:00 2001
From: Timothy DeHerrera <tim@nrdxp.dev>
Date: Sun, 1 Feb 2026 10:25:23 -0700
Subject: [PATCH] fix(docs): prevent mermaid diagram overflow on mobile

Add scrollable container rules for .mermaid-diagram in mobile
media query. SVG diagrams now scroll horizontally within their
container instead of extending the page width and obscuring
the hamburger menu.
---
 docs/static/style.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/docs/static/style.css b/docs/static/style.css
index ba24d40..e66a381 100644
--- a/docs/static/style.css
+++ b/docs/static/style.css
@@ -621,4 +621,16 @@ th {
   td code {
     white-space: normal;
   }
+
+  /* Make mermaid diagrams scrollable on mobile */
+  .mermaid-diagram {
+    overflow-x: auto;
+    max-width: calc(100vw - 2rem);
+  }
+
+  .mermaid-diagram svg {
+    display: block;
+    max-width: none;
+    /* Allow SVG to be wider than container */
+  }
 }