.content-grid{--c-bg-light: #f3f3f4;--c-fg-light: #2f2f2f;--c-yellow: #ddca00}.content-grid section{--padding-inline: clamp(1rem, 7vw, 6rem);--content-max-width: 60rem;--breakout-max-width: 80rem;--breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns: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)}.content-grid section>*{grid-column:content}.content-grid section>.breakout{grid-column:breakout}.content-grid :where(section>div){margin-block:clamp(2rem,15vw,7rem)}