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