/* Sticky footer: keep the footer pinned to the bottom of the viewport on
   short pages instead of floating mid-screen.
   Markup is body > div#page > (header, div#content, footer.site-footer),
   so the flex column has to be applied to #page, not body > footer. */
body { display: flex; flex-direction: column; min-height: 100vh; }
#page { display: flex; flex-direction: column; flex: 1 0 auto; }
#page > footer.site-footer { margin-top: auto; }