.content-grid{--padding-inline:1rem;--content-max-width:900px;--breakout-max-width:1200px;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width)) / 2);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];display:grid}.content-grid>*,.full-width>*{grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width-no-sub-grid{grid-column:full-width}.content-grid>.full-width{grid-column:full-width;grid-template-columns:inherit;display:grid}.n-or-1-columns{--_min-column-size:var(--min-column-size,35em);--_column-count:var(--column-count,2);--_gap:var(--gap,var(--spacer,2rem));--_breakpoint:calc(var(--_min-column-size) * var(--_column-count) + (var(--_gap) * (var(--_column-count) - 1)));--_column-size:calc((100% / var(--_column-count)) - var(--_gap));gap:var(--_gap);grid-template-columns:repeat(auto-fit, minmax(min(max(var(--_column-size), (100% - var(--_breakpoint)) * -999), 100%), 1fr));display:grid}