@layer loamui.components{@scope(.site-AgentShowcase) to ([class*=loam-],[class*=site-]){:scope{align-items:start;gap:var(--loam-space-l);display:grid}@container not (max-width:62rem){:scope{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}@container (max-width:62rem){:scope{grid-template-columns:minmax(0,1fr)}}}@scope(.site-AgentAsk) to ([class*=loam-],[class*=site-]){:scope{container-type:inline-size}h3{font-size:var(--loam-text-lg)}p{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin-block:var(--loam-space-l) var(--loam-space-2xs)}.promptBox{margin-block-start:var(--loam-space-l)}.promptBox+p{margin-block-start:var(--loam-space-l)}}@scope(.site-AgentResult) to ([class*=loam-],[class*=site-]){:scope{min-inline-size:0;container-type:inline-size}.caption{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin-block:var(--loam-space-s) 0}}@scope(.site-AgentShowcase-stage) to ([class*=loam-],:scope>*){:scope{padding-block:var(--loam-space-2xs);container-type:inline-size}}@scope(.site-AgentShowcase-panel) to (:scope>*){:scope{scrollbar-gutter:stable;max-block-size:min(36rem,70svb);overflow:auto}}}
@layer loamui.components{@scope(.menu) to ([class*=loam-]){:scope{gap:var(--loam-space-s);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));display:grid;container-type:inline-size}:scope>:is(h2,h3),p.demo-note,p.selection{grid-column:1/-1;margin:0}}@scope(.menu-card) to ([class*=loam-]){:scope{gap:var(--loam-space-s);grid-template-rows:auto 1fr auto;block-size:100%;display:grid;container-type:inline-size}:scope.vegetarian{--loam-context:success}:scope.sold-out{--loam-context:danger}footer{display:grid}:is(h3,h4){align-items:baseline;gap:var(--loam-space-2xs);flex-wrap:wrap;margin:0;display:flex}dl{align-content:start;gap:var(--loam-space-2xs);margin:0;display:grid}dt{gap:var(--loam-space-2xs);justify-content:space-between;font-weight:600;display:flex}dd{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin:0}data{font-variant-numeric:lining-nums tabular-nums}}}
@layer loamui.components{@scope(.site-Home) to ([class*=loam-],[class*=site-]){:scope{inline-size:min(100% - 2 * var(--loam-space-m), var(--site-max));margin-inline:auto;container-type:inline-size}h1{font-size:var(--loam-text-3xl);max-inline-size:19ch}h1>span{color:var(--loam-color-accent)}h2{max-inline-size:26ch}.hero{align-items:center;gap:var(--loam-space-2xl);padding-block:var(--loam-space-4xl);grid-template-columns:repeat(auto-fit,minmax(min(27rem,100%),1fr));display:grid}.intro>h1{margin-block-start:var(--loam-space-l)}.lede{color:var(--loam-color-fg-muted);font-size:var(--loam-text-lg);margin-block:var(--loam-space-l);max-inline-size:42ch}.install{gap:var(--loam-space-xs);max-inline-size:36rem;margin-block-end:var(--loam-space-l);display:grid}.install>p{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin:0}.specimen{justify-self:center;inline-size:100%;max-inline-size:30rem}.specimen>p{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin-block:var(--loam-space-s) 0;text-align:center}.primitives,.principles,.workflow{gap:var(--loam-space-l);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));display:grid}.principles h3{font-size:var(--loam-text-lg)}.principles p{color:var(--loam-color-fg-muted)}.context{background:var(--loam-color-bg-subtle);border-radius:var(--loam-radius-lg);align-items:start;gap:var(--loam-space-xl);padding:var(--loam-space-l);grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));margin-block-start:var(--loam-space-xl);display:grid}.context p{color:var(--loam-color-fg-muted);max-inline-size:var(--loam-measure)}.accessibility{align-items:start;gap:var(--loam-space-xl);grid-template-columns:repeat(auto-fit,minmax(min(24rem,100%),1fr));display:grid}.accessibility dl{margin:0}.accessibility dl>:not(:last-child){border-block-end:1px solid var(--loam-color-line);margin-block-end:var(--loam-space-l);padding-block-end:var(--loam-space-l)}.accessibility dt{margin-block-end:var(--loam-space-2xs);font-weight:650}.accessibility dd{color:var(--loam-color-fg-muted);margin-inline-start:0}.workflow{margin-block-end:var(--loam-space-l);padding:0;list-style-position:inside}.workflow li{border-block-start:2px solid var(--loam-color-line-strong);padding-block-start:var(--loam-space-s)}.workflow h3{font-size:var(--loam-text-lg);margin-block-start:var(--loam-space-xs)}.workflow p{color:var(--loam-color-fg-muted)}section:not(.hero,.closing){padding-block:var(--loam-space-3xl)}section:not(:first-child,.closing){border-block-start:1px solid var(--loam-color-line)}section>header{max-inline-size:46rem;margin-block-end:var(--loam-space-xl)}section>header>p:not(.eyebrow){color:var(--loam-color-fg-muted);font-size:var(--loam-text-lg)}.closing{padding-block:var(--loam-space-2xl)}}@scope(.site-Closing) to ([class*=loam-]){:scope{padding-block:var(--loam-space-xl);padding-inline:var(--loam-space-xs);text-align:center}h2{max-inline-size:26ch;margin-inline:auto}p:not(.eyebrow){color:var(--loam-color-fg-muted);font-size:var(--loam-text-lg);max-inline-size:52ch;margin-block-end:var(--loam-space-l);margin-inline:auto}}@scope(.site-Primitive) to ([class*=loam-]){:scope{gap:var(--loam-space-xs);grid-template-rows:auto 1fr auto;block-size:100%;display:grid;container-type:inline-size}h3{font-size:var(--loam-text-xl)}p{color:var(--loam-color-fg)}footer{border-block-start:1px solid var(--loam-color-line);color:var(--loam-color-fg);font-size:var(--loam-text-sm);padding-block-start:var(--loam-space-s)}}@scope(.site-Home .primitives) to (.site-Primitive){@media (prefers-reduced-motion:no-preference){:scope>.loam-Card{transition:opacity var(--loam-duration-md) var(--loam-ease)}}@media (hover:hover) and (pointer:fine) and (forced-colors:none){:scope:has(>.loam-Card:hover):not(:focus-within)>.loam-Card:not(:hover){opacity:.85}}}}