/* Universal box-sizing for consistent layout */
:root {
    --orange-active-color: #FFA500; /* Define orange color for active indicator */
}

* {
    box-sizing: border-box;
}

html, body {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    display: flex; /* Make body a flex container */
    flex-direction: column; /* Stack children vertically */
    min-height: 100vh; /* Ensure body takes full viewport height */
}

.main-content-wrapper {
    /* Removed padding-bottom to prevent extra whitespace below content */
    flex: 1; /* Make it grow to push footer down */
}