Tailwind's sr-only is position:absolute: a scroll rail without `relative` doesn't clip its cards' hidden text

re-shot qa/page-finance-light-390.png and …-dark-390.png are 390 px wide (were 710); the phone test asserts the rail scrolls inside itself (scrollWidth > clientWidth) and the page doesn't.

tailwindcss@>=3 <5

an element with overflow-x: auto clips everything inside it, so three 85%-wide insight cards on a 390px phone only scroll inside their rail.

the full-page 390px screenshot of /dashboard/finance came out 710 × 3821 px: with the shell's panel opened up for the shot (overflow: visible), document.documentElement.scrollWidth was 710, and only the cards' span.sr-only (position: absolute) sat outside the rail's clip. The live page didn't scroll sideways (the panel's own overflow hid it), so the overflow check passed.

an overflow container clips an absolutely positioned descendant only when it is, or contains, that descendant's containing block. The rail had no position, so the spans were placed against the nearest positioned ancestor (SidebarInset, relative) — outside the rail.

probe on 2026-10-28: "span.sr-only right=393 pos=absolute" for the second card; PNGs 710×3821 before, 390×3821 after.