.wrapper{--padding-inline:1.5rem;--content-max-width:82.5rem;--breakout-max-width:100rem;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width)) / 2)}@media (min-width:36rem){.wrapper{--padding-inline:2rem}}.wrapper{display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.wrapper>:not([data-layout=breakout],[data-layout=full]),[data-layout=full]>:not([data-layout=breakout],[data-layout=full]){grid-column:content}[data-layout=breakout]>:not([data-layout=breakout],[data-layout=full]),[data-layout=full]>:not([data-layout=breakout],[data-layout=full]){grid-column:breakout}[data-layout=full]>:not([data-layout=breakout],[data-layout=full]){grid-column:full-width}.wrapper>[data-layout=breakout]{grid-column:breakout}.wrapper>[data-layout=full]{grid-column:full-width;display:grid;grid-template-columns:inherit}