[jan-glx]

Footnote previews inside a table were clipped: the theme wraps every table in a scroll container (overflow: auto, so wide tables scroll sideways), and the hover preview is positioned inside it. Seen on the compatibility matrix in #76 / #77, whose footnotes sit in the outer columns.

Now the previews of a table's footnotes are placed relative to the viewport (position: fixed with CSS anchor positioning), at their reference, so the scroll container no longer clips them: below the reference, or above it if there is no room, and shifted sideways to stay on screen. Still CSS only.

In print, a footnote referenced from a table shows right below that table, as a table note, instead of in the "Notes" at the end of the page. Browsers without anchor positioning show these table notes on screen too, instead of the previews. Footnotes in running text are unchanged. If a page's "Notes" section loses all its footnotes this way, it stays hidden.

Checked with a local build of #76 in Chrome 156 (light and dark theme, 390 px wide, print): the previews in the compatibility matrix show in full above the table, the table note shows only in print, and the 21 previews of storage-format are unchanged.

Before / after

Compatibility matrix from #76, hovering the first footnote reference (Chrome, 1400 px wide).

	Before	After
Screen
Print