/* 1. Make the body a flex container that fills the screen height */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Ensure box-sizing doesn't break min-height with Sakura's padding */
    box-sizing: border-box;
}

/* 2. Make Org's content wrapper expand to fill available space */
#content {
    flex: 1;
    width: 100%; /* Ensures it fills Sakura's max-width container */
}

/* 3. Optional: Style the Org-mode footer to look cleaner */
#postamble {
    border-top: 1px solid #e1e1e1;
    padding-top: 1rem;
    font-size: 1.8rem;
}