@scope(.grid-asymmetric) to ([class*=loam-]){@layer loamui.components{:scope{container:grid-asymmetric/inline-size}ul{font-size:var(--loam-text-md);gap:var(--loam-space-xs);margin-block:0;padding:0;list-style:none;display:grid}li{grid-template-columns:minmax(0,1fr);margin-block:0;display:grid}@container grid-asymmetric not (min-inline-size:44rem){ul{grid-template-columns:minmax(0,1fr)}}@container grid-asymmetric (min-inline-size:44rem){ul{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}li.lead{grid-row:span 2}}}}@scope(.grid-asymmetric article) to ([class*=loam-]){@layer loamui.components{:scope{grid-template-columns:minmax(0,1fr);display:grid;container-type:inline-size}div.body{font-size:var(--loam-text-md);gap:var(--loam-space-2xs);overflow-wrap:anywhere;flex-direction:column;display:flex}img.media{aspect-ratio:3/2;border-radius:var(--loam-radius-md);block-size:auto;inline-size:100%;object-fit:cover;margin-block-end:var(--loam-space-3xs)}h3{margin-block:0}p{color:var(--loam-color-fg-muted);text-wrap:pretty;margin-block:0}div.actions{gap:var(--loam-space-2xs);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--loam-space-2xs);display:flex}}}