@layer components{.section{& .section__body{--stack-space:var(--space-m);min-inline-size:0}& .section__header{--stack-space:var(--space-xs);max-inline-size:var(--measure-wide)}& .section__lead{color:var(--color-text-muted);font-size:var(--size-step-1)}& .section__actions{--cluster-space:var(--space-s)}&[data-media] .section__inner{display:grid;gap:var(--space-l);@media(width >= 48rem){grid-template-columns: repeat(2,minmax(0,1fr)); align-items: center;}}& .section__media{border-block-start:var(--border-width-thick)solid var(--color-accent);border-radius:var(--radius-s);overflow:hidden;& img{inline-size:100%;block-size:auto}}&[data-media=start] .section__media{@media(width >= 48rem){order: -1;}}}}