@layer loamui.ui{@scope(.site-RecipePage) to ([class*=loam-],[class*=site-]){:scope{--_gutter:1.25rem;inline-size:min(100% - 2 * var(--_gutter), 82rem);padding-block:var(--loam-space-2xl) var(--loam-space-3xl);margin-inline:auto;container:examples/inline-size}:scope>header{gap:var(--loam-space-xs);max-inline-size:var(--site-column);margin-block-end:var(--loam-space-2xl);display:grid}h1{font-size:var(--site-h1);text-wrap:balance;font-weight:800}.lead{color:var(--loam-color-fg-muted);font-size:var(--loam-text-lg);-webkit-hyphens:manual;hyphens:manual;text-wrap:pretty}.lead a{color:var(--loam-color-link);text-decoration:underline}.shell{align-items:start;gap:var(--loam-space-2xl);display:grid}aside{min-inline-size:0}.content{gap:var(--loam-space-2xl);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.single{gap:var(--loam-space-l);min-inline-size:0;max-inline-size:64rem;margin-inline:auto;display:grid}.single>header{min-inline-size:0;display:block}.crumbRow{align-items:baseline;gap:var(--loam-space-2xs) var(--loam-space-l);flex-wrap:wrap;justify-content:space-between;display:flex}.crumbRow>nav{flex:auto;inline-size:auto;min-inline-size:0}.crumbRow>a{margin-block-end:0}section{gap:var(--loam-space-s);min-inline-size:0;scroll-margin-block-start:5rem;display:grid}section>h2{font-size:var(--loam-text-xl);font-weight:700}.sectionNote{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);text-wrap:pretty}.uses{gap:var(--loam-space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.uses li{margin:0}.usesNone{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm)}.entry{gap:var(--loam-space-s);scroll-margin-block-start:5rem;display:grid}.entry>header{gap:var(--loam-space-3xs);display:grid}.entry>header>h2{font-size:var(--loam-text-xl);align-items:baseline;gap:var(--loam-space-2xs);font-weight:700;display:flex}.entry>header>h2 a{color:inherit}.entry>header>h2 .anchor{color:var(--loam-color-fg-dim);opacity:0;font-weight:500;text-decoration:none}.entry>header>h2 .anchor:focus-visible{opacity:1}@media (prefers-reduced-motion:no-preference){.entry>header>h2 .anchor{transition:opacity var(--loam-duration-md) var(--loam-ease)}}.entry>header>h2:hover .anchor{opacity:1}.entry>header>p{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);text-wrap:pretty}@container examples (min-inline-size:60rem){.shell{grid-template-columns:14rem minmax(0,1fr)}aside{grid-area:1/1;position:sticky;inset-block-start:calc(var(--site-nav-h) + 1.5rem)}.content{grid-area:1/2}}@container examples not (min-inline-size:60rem){.shell{grid-template-columns:minmax(0,1fr)}}}}