/* Sticky footer (issue #102): body is the flex column, and the .flex-grow-1 container wrapping
   <main> in _Layout.cshtml absorbs any leftover height so the footer sits at the window bottom
   on short pages without overlapping content on long ones. */
html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}