From c049627aaa77cb39f4ab0a695c4da7f18887290c Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Wed, 1 Apr 2026 14:47:41 +0100
Subject: [PATCH] =?UTF-8?q?[#711]=20Fix=20CJK=20overflow=20on=20story=20pa?=
 =?UTF-8?q?ge=20=E2=80=94=20min-w-0=20on=20grid=20child?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Root cause: grid items default to min-width:auto, allowing CJK
content to push the main column wider than 1fr. Fix:
- Add min-w-0 to <main> grid child to constrain width
- Add overflow-wrap/word-break to .story-markdown container

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app/globals.css                  | 4 ++++
 src/app/story/[storylineId]/page.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 022988d6..3b9cbc35 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -118,6 +118,10 @@ code, pre, .font-mono {
 /* Markdown rendering inside ruled paper — fiction-focused prose.
    All vertical spacing must be multiples of var(--line-height) (28px)
    to stay aligned with the ruled-paper grid lines. */
+.story-markdown {
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
 .story-markdown h1 {
   font-size: 1.5rem;
   line-height: calc(var(--line-height) * 2);
diff --git a/src/app/story/[storylineId]/page.tsx b/src/app/story/[storylineId]/page.tsx
index bf43c0e5..f0bec67f 100644
--- a/src/app/story/[storylineId]/page.tsx
+++ b/src/app/story/[storylineId]/page.tsx
@@ -164,7 +164,7 @@ export default async function StoryPage({ params }: { params: Params }) {
 
       <div className="mt-8 grid grid-cols-1 gap-10 lg:grid-cols-[1fr_320px]">
         {/* Story content — genesis + table of contents */}
-        <main>
+        <main className="min-w-0">
           {genesis ? (
             <>
               <GenesisSection