/* SLBD layout: responsive grid, containers and structural regions. */
:root {
    --slbd-outer-gutter: 16px;
    --slbd-grid-gap: 12px;
    --slbd-grid-columns: 4;
    --slbd-color-heritage-brass: var(--wp--custom--slbd--color--heritage-brass, #B5965B);
}

@media (min-width: 360px) {
    :root {
        --slbd-outer-gutter: 20px;
        --slbd-grid-gap: 16px;
    }
}

@media (min-width: 768px) {
    :root {
        --slbd-outer-gutter: clamp(20px, 3vw, 36px);
        --slbd-grid-gap: 20px;
        --slbd-grid-columns: 8;
    }
}

@media (min-width: 1024px) {
    :root {
        --slbd-outer-gutter: clamp(24px, 4vw, 64px);
        --slbd-grid-gap: 24px;
        --slbd-grid-columns: 12;
    }
}

.slbd-container,
.slbd-site-main__inner,
.slbd-site-header__inner,
.slbd-site-footer__inner {
    width: calc(100% - var(--slbd-outer-gutter, 16px) - var(--slbd-outer-gutter, 16px));
    max-width: var(--wp--custom--slbd--layout--container-max, 1280px);
    margin-inline: auto;
}

.slbd-reading-measure {
    max-width: var(--wp--custom--slbd--layout--content-max, 740px);
    margin-inline: auto;
}

.slbd-wide-media {
    max-width: var(--wp--custom--slbd--layout--wide-media-max, 1440px);
    margin-inline: auto;
}

.slbd-site-main {
    padding-block: var(--slbd-grid-gap, 16px);
}