/* --- public/layout.css --- */
/* This file prevents Cumulative Layout Shift (CLS) by reserving space for dynamically loaded components. */

#header-placeholder {
    /* Set this to the approximate height of your rendered header. */
    /* You can find this using your browser's developer tools. ~75px is a good start. */
    min-height: 75px; 
}

#footer-placeholder {
    /* Set this to the approximate height of your footer. */
    min-height: 120px;
}