@scope(.article-card) to ([class*=loam-]){@layer loamui.components{:scope{grid-template-columns:minmax(0,1fr);max-inline-size:36rem;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:16/9;border-radius:var(--loam-radius-md);object-fit:cover;block-size:auto;inline-size:100%}p.meta{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);align-items:center;gap:var(--loam-space-2xs);flex-wrap:wrap;margin-block:0;display:flex}h3{margin-block:0}p.description{color:var(--loam-color-fg-muted);margin-block:0}div.foot{--loam-avatar-size:2rem;align-items:center;gap:var(--loam-space-2xs);margin-block-start:auto;padding-block-start:var(--loam-space-2xs);display:flex}address{font-size:var(--loam-text-sm);font-style:normal;font-weight:600}}}
@scope(.profile-card) to ([class*=loam-]){@layer loamui.components{:scope{--loam-avatar-size:5rem;inline-size:min(100%,20rem);container-type:inline-size}div.body{font-size:var(--loam-text-md);gap:var(--loam-space-3xs);overflow-wrap:anywhere;text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}h2{font-size:var(--loam-text-xl);margin-block:var(--loam-space-2xs) 0}p.role{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin-block:0}dl.stats{gap:var(--loam-space-2xs);inline-size:100%;margin-block:var(--loam-space-xs) var(--loam-space-2xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr));display:grid}dl.stats div{align-content:start;gap:calc(var(--loam-space-3xs) / 2);grid-template-columns:minmax(0,1fr);display:grid}dl.stats dt{color:var(--loam-color-fg-muted);font-size:var(--loam-text-xs);order:1}dl.stats dd{color:var(--loam-color-fg-strong);font-family:var(--loam-font-display);font-size:var(--loam-text-lg);font-variant-numeric:lining-nums tabular-nums;margin-block:0;font-weight:700;line-height:1.1}div.actions{grid-template-columns:minmax(0,1fr);inline-size:100%;display:grid}}}
@scope(.gallery-card) to ([class*=loam-]){@layer loamui.components{:scope{--loam-carousel-item-size:100%;grid-template-columns:minmax(0,1fr);max-inline-size:36rem;display:grid;container-type:inline-size}div.body{font-size:var(--loam-text-md);gap:var(--loam-space-2xs);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);display:grid}div.head{align-items:baseline;gap:var(--loam-space-3xs) var(--loam-space-xs);flex-wrap:wrap;justify-content:space-between;display:flex}h3{margin-block:0}div.rating{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);font-variant-numeric:lining-nums tabular-nums;align-items:center;gap:var(--loam-space-3xs);flex-wrap:wrap;margin-block:0;display:flex}p.description{color:var(--loam-color-fg-muted);text-wrap:pretty;margin-block:0}p.price{color:var(--loam-color-fg-strong);font-family:var(--loam-font-display);font-size:var(--loam-text-xl);margin-block:0;font-weight:700}}}@scope(.gallery-card section.photos) to ([class*=loam-]){@layer loamui.components{img{aspect-ratio:16/10;border-radius:var(--loam-radius-md);object-fit:cover;block-size:auto;inline-size:100%}div.controls{align-items:center;gap:var(--loam-space-2xs);flex-wrap:wrap;justify-content:center;display:flex}}}