.container {
    display: flex;
    width: 100%;
}

/* Default widths */
.left, .right, .center, .left-main, .right-main {
    flex-grow: 0;
    flex-shrink: 0;
}

/* Three-column layout */
.left, .right {
    width: 24%;
}

.center {
    width: 52%;
}

/* Two-column layout: left-main + right */
.left-main {
    width: 75%;
}

.right {
    width: 24%;
}

/* Two-column layout: left + right-main */
.left {
    width: 24%;
}

.right-main {
    width: 75%;
}

/* Ensure flex container adapts */
.container:has(.left-main) {
    justify-content: space-between;
}
.container:has(.right-main) {
    justify-content: space-between;
}