.kcontainer {
    border-radius: 15px;
    border: 1px solid var(--km-container-border);
    background-color: var(--km-container-bg);
    padding: 1rem!important;
}

/* Shared page container: viewport width minus gutters, and from 992px up Figma's share of the viewport capped at its 1920px size. */
.km-page-container {
    width: min(100% - 2 * var(--km-page-gutter), var(--km-page-width));
    margin-inline: auto;
}

.km-page-container--wide {
    width: min(100% - 2 * var(--km-page-gutter), var(--km-page-width-wide));
}

.km-page-container--narrow {
    width: min(100% - 2 * var(--km-page-gutter), var(--km-page-width-narrow));
}

@media (min-width: 992px) {
    .km-page-container {
        width: min(100% - 2 * var(--km-page-gutter), 81.67vw, var(--km-page-width));
    }

    .km-page-container--wide {
        width: min(100% - 2 * var(--km-page-gutter), 86.67vw, var(--km-page-width-wide));
    }

    .km-page-container--narrow {
        width: min(100% - 2 * var(--km-page-gutter), 66.67vw, var(--km-page-width-narrow));
    }
}
