gov-container,
.gov-container {
    container-type: inline-size;
    display: block;
    width: 100%;
    max-width: var(--container-width, 75rem);
    margin-right: auto;
    margin-left: auto;
    padding: var(--container-padding-top, var(--spacing-l)) var(--container-padding-horizontal, var(--spacing-l)) var(--container-padding-bottom, var(--spacing-8xl))
}

gov-layout,
.gov-layout {
    position: relative;
    display: block;
    width: 100%
}

gov-layout__section,
.gov-layout__section {
    display: flex;
    gap: var(--layout-gap, var(--spacing-2xl));
    flex-direction: column
}

@media(min-width: 64em) {

    gov-layout__section,
    .gov-layout__section {
        flex-direction: row
    }

    gov-layout__section-aside-right .gov-layout-column:first-child,
    gov-layout__section-aside .gov-layout-column:first-child,
    gov-layout__section-aside-left-inverse .gov-layout-column:first-child,
    .gov-layout__section-aside-right .gov-layout-column:first-child,
    .gov-layout__section-aside .gov-layout-column:first-child,
    .gov-layout__section-aside-left-inverse .gov-layout-column:first-child {
        flex: 0 1 auto;
        max-width: var(--content-width, 50rem)
    }

    gov-layout__section-aside-right .gov-layout-column:last-child,
    gov-layout__section-aside .gov-layout-column:last-child,
    gov-layout__section-aside-left-inverse .gov-layout-column:last-child,
    .gov-layout__section-aside-right .gov-layout-column:last-child,
    .gov-layout__section-aside .gov-layout-column:last-child,
    .gov-layout__section-aside-left-inverse .gov-layout-column:last-child {
        flex: 0 0 auto;
        width: calc(var(--container-width, 75rem) - var(--content-width, 50rem) - var(--layout-gap, var(--spacing-2xl)) - var(--container-padding-horizontal, var(--spacing-l))*2)
    }

    gov-layout__section-aside-left .gov-layout-column:first-child,
    gov-layout__section-aside-right-inverse .gov-layout-column:first-child,
    .gov-layout__section-aside-left .gov-layout-column:first-child,
    .gov-layout__section-aside-right-inverse .gov-layout-column:first-child {
        flex: 0 0 auto;
        width: calc(var(--container-width, 75rem) - var(--content-width, 50rem) - var(--layout-gap, var(--spacing-2xl)) - var(--container-padding-horizontal, var(--spacing-l))*2)
    }

    gov-layout__section-aside-left .gov-layout-column:last-child,
    gov-layout__section-aside-right-inverse .gov-layout-column:last-child,
    .gov-layout__section-aside-left .gov-layout-column:last-child,
    .gov-layout__section-aside-right-inverse .gov-layout-column:last-child {
        flex: 0 1 auto;
        max-width: var(--content-width, 50rem)
    }

    gov-layout__section-aside-right-inverse .gov-layout-column:first-child,
    .gov-layout__section-aside-right-inverse .gov-layout-column:first-child {
        order: 1
    }

    gov-layout__section-aside-left-inverse .gov-layout-column:first-child,
    .gov-layout__section-aside-left-inverse .gov-layout-column:first-child {
        order: 2
    }

    gov-layout__section-text,
    .gov-layout__section-text {
        max-width: var(--content-width, 50rem);
        margin-right: auto;
        margin-left: auto
    }

    gov-layout__section-text-left,
    .gov-layout__section-text-left {
        max-width: var(--content-width, 50rem);
        margin-right: auto
    }

    gov-layout__section-text-right,
    .gov-layout__section-text-right {
        max-width: var(--content-width, 50rem);
        margin-left: auto
    }
}

gov-layout-column,
.gov-layout-column {
    position: relative;
    display: block;
    width: 100%
}