/* Opt-in page skeletons. Each migrated page keeps its business and view owners. */
.ms-layout {
    --ms-layout-gutter: var(--ms-space-4);
    --ms-layout-max: var(--ms-container-commerce);
    min-width: 0;
}
.ms-layout__container {
    width: 100%;
    max-width: calc(var(--ms-layout-max) + 2 * var(--ms-layout-gutter));
    margin-inline: auto;
    padding-inline: var(--ms-layout-gutter);
    min-width: 0;
}
.ms-layout__container--form { --ms-layout-max: var(--ms-container-form); }
.ms-layout__container--collection { --ms-layout-max: var(--ms-container-collection); }
.ms-layout__commerce {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ms-space-6);
    align-items: start;
    min-width: 0;
}
.ms-layout__commerce > * { min-width: 0; }
.ms-layout__stack { display: grid; gap: var(--ms-space-4); min-width: 0; }
.ms-layout__text { min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 640px) {
    .ms-layout { --ms-layout-gutter: var(--ms-space-6); }
}
/* A 40rem main column, 22rem summary and gutter must fit before splitting. */
@media (min-width: 1100px) {
    .ms-layout__commerce { grid-template-columns: minmax(0, 1fr) minmax(0, min(22rem, 40%)); }
}
@media (min-width: 1440px) {
    .ms-layout { --ms-layout-gutter: var(--ms-space-8); }
}