From ffb50003c4b70780fab0512a8841479cac5d3239 Mon Sep 17 00:00:00 2001
From: Jeff Repanich <jrepanich@gmail.com>
Date: Tue, 28 Jul 2026 16:09:59 -0400
Subject: [PATCH] fix: stack shared sequences on mobile

---
 src/styles.css             | 8 ++++----
 tests/docs-catalog.test.ts | 6 ++++++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index e913495..064e148 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1218,8 +1218,8 @@ html[data-theme='dark'] .github-mark img.github-mark__dark {
     padding-block: var(--ak-space-3xl);
   }
 
-  .sequence {
-    grid-template-columns: 1fr;
+  .sequence[data-columns] {
+    grid-template-columns: minmax(0, 1fr);
     gap: var(--ak-space-2xl);
   }
 
@@ -1239,8 +1239,8 @@ html[data-theme='dark'] .github-mark img.github-mark__dark {
     padding-top: 0;
   }
 
-  .flow-map__nodes {
-    grid-template-columns: 1fr;
+  .flow-map__nodes[data-count] {
+    grid-template-columns: minmax(0, 1fr);
     gap: var(--ak-space-2xl);
     text-align: left;
   }
diff --git a/tests/docs-catalog.test.ts b/tests/docs-catalog.test.ts
index 546646e..d435220 100644
--- a/tests/docs-catalog.test.ts
+++ b/tests/docs-catalog.test.ts
@@ -314,6 +314,12 @@ describe('documentation catalog', () => {
     expect(styles).toMatch(
       /\.component-demo__surface\s*\{[^}]*overflow-x: auto;/s
     );
+    expect(styles).toMatch(
+      /\.sequence\[data-columns\]\s*\{[^}]*grid-template-columns: minmax\(0, 1fr\);/s
+    );
+    expect(styles).toMatch(
+      /\.flow-map__nodes\[data-count\]\s*\{[^}]*grid-template-columns: minmax\(0, 1fr\);/s
+    );
     expect(styles).toContain('overflow-x: clip');
     expect(styles).not.toContain('.docs-mobile-header');
     expect(styles).not.toContain('.docs-shell');