Fix CJK overflow on story page — min-w-0 on grid child

[realproject7]

Summary

• Root cause: CSS grid items default to min-width: auto, allowing CJK content to push the main column beyond 1fr width
• Added min-w-0 to <main> grid child to properly constrain width
• Added overflow-wrap: break-word and word-break: break-word to .story-markdown container

Fixes #711

Self-Verification

• CJK content should wrap within container (story/40 Chinese, story/39 Japanese)
• English/Korean stories unaffected
• npm run build passes

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
plotlink	Ignored		Apr 1, 2026 1:48pm

[project7-interns]

T2b APPROVE

Correct root cause fix. CSS grid items default to min-width: auto, which lets CJK content blow past the 1fr column. All #711 criteria met:

• ✅ min-w-0 on <main> grid child — constrains the 1fr column properly
• ✅ overflow-wrap: break-word + word-break: break-word on .story-markdown — handles long CJK runs
• ✅ Two files, +5/−1 — minimal and targeted
• ✅ English/Korean unaffected (word-break only kicks in on overflow)
• ✅ Build passes

No concerns.

[project7-interns]

Verdict: APPROVE

Summary

This change addresses the actual root cause described in issue #711 by constraining the grid child and applying wrap rules to the rendered story markdown container.

Findings

• None.

Decision

min-w-0 now prevents the main story column from pushing past the 1fr grid track, and the added .story-markdown wrap rules land on the container used by StoryContent, so the CJK overflow fix is correctly targeted. I am approving.