.content-grid{--c-bg-light: #f3f3f4;--c-fg-light: #2f2f2f;--c-yellow: #ddca00;--margin-block: clamp(6rem, 20vw, 15rem);--vertical-padding: 2.5rem;--base-font-size: 1.125rem}.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 section.blue-dark{background:var(--blue-dark);color:#fff}.content-grid section.blue{background:var(--blue);color:#fff}.content-grid section.bright{background:#fff}.content-grid section.light{background:var(--c-bg-light);color:var(--c-fg-light)}.content-grid section.pop{background:var(--c-yellow);color:var(--blue-dark)}.content-grid :where(section>div){margin-block:var(--margin-block)}.content-grid :where(h1,h2){word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance}.content-grid :where(h2){margin-block-end:var(--vertical-padding);font-size:clamp(2rem,12vw,3.5rem);line-height:1}.content-grid :where(p){margin-block-end:2rem;font-size:var(--base-font-size);text-wrap:pretty}.content-grid :where(p:last-of-type){margin-block-end:var(--vertical-padding)}.content-grid :where(a,button):focus-visible{outline-offset:var(--focus-outline-offset);outline:var(--focus-outline-color) var(--focus-outline-style) var(--focus-outline-width);border-radius:var(--focus-outline-border-radius)}.content-grid .pop :where(a,button){--focus-outline-color: #0066ff}.content-grid :where(.item-grid){--grid-column-gap: clamp(1rem, 10vw, 3.5rem);--grid-row-gap: clamp(1rem, 10vw, 3.5rem);--grid-column-count: 3;--grid-item--min-width: min(300px, 100%);--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-column-gap));--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr));column-gap:var(--grid-column-gap);row-gap:var(--grid-row-gap)}.content-grid :where(.item-grid .item){container-type:inline-size}.content-grid :where(.item-grid h3){margin-block-end:clamp(1rem,9cqi,2.5rem);font-size:clamp(1rem,9cqi,2.25rem);line-height:1.125}.content-grid :where(.item-grid p:last-of-type){margin-block-end:0}.content-grid :where(.item p a){color:inherit;text-decoration:2px solid var(--yellow) underline;text-underline-offset:.25em}.content-grid :where(.item p a):hover{color:inherit;text-decoration:2px solid currentColor underline}