.sc-layout--three-column {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(220px, 280px);
    grid-template-areas: "sidebar main auxiliary";
    align-items: start;
    gap: var(--sc-gap);
}

.sc-layout--three-column .sc-layout-region--main {
    grid-area: main;
}

.sc-layout--three-column .sc-layout-region--sidebar {
    grid-area: sidebar;
}

.sc-layout--three-column .sc-layout-region--auxiliary {
    grid-area: auxiliary;
}