for scrollable content pages.
That is an app-shell pattern (for dashboards/SPAs with fixed chrome).
On a scrollable list page, it makes body a fixed-height flex container — main gets
a computed height = (100vh minus header), content beyond that is clipped and unreachable.
For scrollable content pages: body is just a block element. Remove all flex/height. -->