@layer loamui.ui{@scope(.site-RecipePlayground) to ([class*=loam-]){:scope{min-inline-size:0;container-type:inline-size}}}
@layer loamui.ui{@scope(.site-RecipePrompt) to ([class*=loam-],[class*=site-]){:scope{background:var(--loam-color-bg-subtle);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-lg);gap:var(--loam-space-s);padding:var(--loam-space-l);display:grid}h2{font-size:var(--loam-text-xl)}.help{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);overflow-wrap:anywhere}}}
@scope(.site-RecipePillars){:scope{border-block-start:1px solid var(--loam-color-line);margin:0;display:grid}:scope>div{border-block-end:1px solid var(--loam-color-line);gap:var(--loam-space-3xs) var(--loam-space-l);padding-block:var(--loam-space-xs);grid-template-columns:minmax(9rem,12rem) 1fr;display:grid}@container examples not (min-inline-size:40rem){:scope>div{grid-template-columns:1fr}}dt{color:var(--loam-color-fg-strong);font-size:var(--loam-text-sm);font-weight:600}dd{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);text-wrap:pretty;margin:0}}