/* 1. Make the body a flex container that fills the entire viewport height */
.site-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0; /* Reset default body margin just in case */
}

/* 2. Tell the main content area to stretch and fill all available empty space */
.site-content {
    flex: 1;
}