/* Full Width Override */
@media screen and (min-width: 1080px) {
    .container {
        max-width: 95% !important;
        /* Use 95% to keep a small margin on huge screens */
        width: 100% !important;
    }
}

/* Adjust sidebar and content ratios if needed for ultra-wide */
@media screen and (min-width: 1400px) {
    .primary {
        flex: 1 0 75%;
        /* Give more space to content on wide screens */
    }

    .sidebar {
        flex: 1 0 20%;
    }
}