.layout-verita-1 {
    width: 100%;
    container-type: inline-size;

    background: #e7e5e4;
}

.layout-verita-1 > .wrapper {
    width: 100%;
    max-width: 100rem;
    margin-inline: auto;

    display: grid;
    grid: auto-flow / 6fr 3fr;
    gap: 3rem;

    padding: 0.5rem;
    margin-block-end: var(--margin-block-end);
}

.layout-verita-1:last-child > .wrapper {
    margin-block-end: 0;
}

.layout-verita-1 > .wrapper > .primary {
    padding-inline: 0.5rem;
    container-type: inline-size;
}

.layout-verita-1 > .wrapper > .secondary {
    container-type: inline-size;
}

@container (width < 55rem) {
    .layout-verita-1 > .wrapper {
        grid-template-columns: 1fr;
    }
}

@container (width < 29rem) {
    .layout-verita-1 > .wrapper > .primary {
        padding-inline: 0;
    }
}