Five targeted fixes applied to all 11 ink templates:
1. Convert table/tr/tbody to display:block on mobile so the
block-level stacking of <td> elements works correctly.
2. Add box-sizing:border-box to all <td> elements to prevent
padding from pushing content beyond the viewport width.
3. Add word-break:break-word + overflow-wrap:break-word to
table, td, th elements to force long text to wrap.
4. Add white-space:pre-wrap + word-break:break-all to <pre>
and <code> to prevent horizontal scroll from code blocks.
5. Add max-width:100% + height:auto to all images, and
max-width:100% to nested tables.
6. Remove invalid table-layout:fixed from <center> tag
(was CSS property on wrong element — had no effect).
Also reduced mobile padding from 28px to 16px for more
usable content width on narrow screens.
Co-Authored-By: Claude <noreply@anthropic.com>
KenanZhuandClaude
433b5f9259