@scope(.lab--measure){:scope{--measure:60ch}section{margin-block:6rem}#example-2{max-inline-size:65ch;margin:0 auto}#example-3>div{column-width:55ch;gap:1.5rem}#example-4{grid-template-columns:minmax(0, var(--measure)) 1fr;display:grid}#example-4 img{object-fit:cover;width:80%;margin-inline:auto;display:block}#example-5{container-type:inline-size}#example-5>div{grid-template-columns:1fr 5fr;gap:0 1.5rem;display:grid}@container (width<=60ch){#example-5>div{grid-template-columns:1fr}}}@media (prefers-reduced-motion:reduce){.lab--measure *,.lab--measure :before,.lab--measure :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}