body, .content-grid {--padding-inline:1rem; --content-max-width:945px; --breakout-max-width:1190px; --breakout-size:calc((var(--breakout-max-width) - var(--content-max-width)) / 2); 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];}
.content-grid >:not(.breakout, .full-width), .full-width >:not(.breakout, .full-width) {grid-column:content;}
.content-grid > .breakout {grid-column:breakout;}
body > * {grid-column:full-width;}
.content-grid > .full-width {grid-column:full-width; display:grid; grid-template-columns:inherit;}
img.full-width {width:100%; max-height:45vh; object-fit:cover;}
.visually-hidden {clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px;}