:where(html){scrollbar-gutter:stable}:where(.layout),:where(.layout__band){--gutter:var(--cf-gutter,clamp(1rem,5vw,2.5rem));--measure:clamp(45ch,60vw,68ch);--pop:clamp(1rem,4vw,4rem);--feat:clamp(1rem,8vw,8rem);--cf-grid-cols:[full-start] minmax(var(--gutter),1fr) [feature-start] minmax(0,var(--feat)) [popout-start] minmax(0,var(--pop)) [content-start] min(var(--measure),100% - var(--gutter) * 2) [content-end] minmax(0,var(--pop)) [popout-end] minmax(0,var(--feat)) [feature-end] minmax(var(--gutter),1fr) [full-end]}:where(.layout){display:grid;grid-template-columns:var(--cf-grid-cols)}:where(.layout>*){grid-column:content}:where(.layout>[data-w=popout]){grid-column:popout}:where(.layout>[data-w=feature]){grid-column:feature}:where(.layout>[data-w=full]){grid-column:full}:where(.layout>*+*){margin-block-start:var(--cf-flow,var(--space-6,1.5rem))}:where(.layout)>*{min-inline-size:0}:where(.layout) :is(img,video,iframe,svg){block-size:auto;display:block;max-inline-size:100%}:where(.layout) [data-w=full] :is(img,video){inline-size:100%}:where(.layout) :is(h1,h2,h3){text-wrap:balance}:where(.layout) p{hyphens:auto;text-wrap:pretty}:where(.layout) :is(a,code){overflow-wrap:anywhere}:where(.layout__band){display:grid;grid-column:full}@supports (grid-template-columns:subgrid){:where(.layout__band){grid-template-columns:subgrid}}@supports not (grid-template-columns:subgrid){:where(.layout__band){grid-template-columns:var(--cf-grid-cols)}}:where(.layout__band>*){grid-column:content}:where(.layout__band>[data-w=popout]){grid-column:popout}:where(.layout__band>[data-w=feature]){grid-column:feature}:where(.layout__band>[data-w=full]){grid-column:full}:where(.cf-shell){inline-size:100%;margin-inline:auto;max-inline-size:var(--cf-max-width);padding-inline:var(--cf-gutter)}@supports (container-type:inline-size){:where(.cf-cq){container-type:inline-size}}:where(.cf-ram){display:grid;gap:var(--cf-grid-gap,var(--space-6,1.5rem));grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}:where(.cf-ram)>*{min-inline-size:0}:where(.cf-media){aspect-ratio:var(--ar,16/9);overflow:hidden}:where(.cf-media)>:is(img,video){block-size:100%;inline-size:100%;object-fit:cover}