fix(compare): stop the comparison table scrolling sideways at every width

[iiamit]

The problem

/compare set min-w-[60rem] on the table inside MarketingShell's max-w-3xl (a 45rem content box), so it overflowed at every viewport size — including 4K.

The consequence was worse than an awkward scrollbar: the clipped column was the right-hand one, which is MyTailLog's. On a 1512px screen the reader saw the five alternatives and had to drag the table to reach our column — on a page whose entire purpose is that comparison.

Why widening alone wasn't enough

Seven columns of prose can't fit a 45rem measure. Several cells are full sentences ("A ZIP of every row as JSON + the original scans, re-importable"), so even a table that technically fits would give each column ~20 characters per line.

Two presentations over the same COLS / ROWS arrays — no content is duplicated, only the rendering:

• xl and up — the table breaks out to 68rem via negative margins and drops the min-width. All six approaches fit, no scrolling. Deliberately not vw-based: 100vw includes the scrollbar and would reintroduce the exact overflow this removes.
• Below xl — one block per axis, each answer on the full measure. Better suited to sentence-length cells, and it never scrolls.

Our column is highlighted in both views.

Verification

Driven in a real browser at 1470 / 1300 / 1280 / 1024 / 768 and narrow:

• documentElement.scrollWidth never exceeds clientWidth at any width
• no element extends past the viewport (the only offenders found were the Next dev overlay)
• the correct view is shown at each breakpoint, and the other is display:none (so it is out of the a11y tree too)
• at the xl boundary the 1088px table sits inside 1280px with ~91px margin

362/362 unit tests, typecheck, lint and build clean. No console errors on the page.

https://claude.ai/code/session_01XBNGwWrPih2Xgu6MVrcd6R