/* input(15,9): run-time error CSS1036: Expected expression, found '[' */
.page {
    /*max-height: 100vh;*/
    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.pageLayout {
    --edgePadding: 1rem;
    --contentMaxWidth: var(--content-max-width);
    --conetentSize: min(100% - (var(--edgePadding) * 2), var(--contentMaxWidth));

    display: grid;
    grid-template-columns: 
        [fullWidth-start]
            minmax(var(--edgePadding), 1fr)
                [content-start] 
                    var(--conetentSize)
                [content-end]
            minmax(var(--edgePadding), 1fr)
        [fullWidth-end];
    grid-auto-rows: min-content;
}
        
.pageLayout > * {
    grid-column: content;
}

.pageLayout > .fullWidth {
    grid-column: fullWidth;
}

main.pageLayout{
    padding: 0 0 var(--space-l) 0;
}