/* Footer at the bottom of short pages. Astra gives #page and #content no
   min-height, so a document shorter than the viewport ends at the footer and
   the page background fills the rest. #page.site outranks Astra's #page reset. */
#page.site {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#content { flex: 1 0 auto; }

/* Mobile URL bars: 100vh is taller than the visible area. */
@supports (min-height: 100dvh) {
	#page.site { min-height: 100dvh; }
}