/* The document must grow with its content, including after mobile viewport changes.
   site.css keeps a legacy height:100% on body; do not constrain this flex shell
   to one screen while its main/footer overflow that box. */
body.site-shell {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
}

body.site-shell > main,
body.site-shell > footer {
    flex-shrink: 0;
}