.container {

    width: min(
        var(--container),
        calc(100% - 3rem)
    );

    margin-inline: auto;
}

.container-wide {

    width: min(
        var(--container-wide),
        calc(100% - 3rem)
    );

    margin-inline: auto;
}

.section {
    padding-block: var(--section-space);
}


@media (max-width: 768px) {

    .container,
    .container-wide {

        width: min(
            100% - 2rem,
            var(--container)
        );
    }
}