@scope(.site-MobileNav-trigger){:scope{border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-md);block-size:2.5rem;box-shadow:none;color:var(--loam-color-fg-muted);cursor:pointer;background:0 0;place-items:center;inline-size:2.5rem;padding:0;display:none}:scope:hover{background:var(--loam-color-surface-hover);border-color:var(--loam-color-line-strong);color:var(--loam-color-fg)}@media (prefers-reduced-motion:no-preference){:scope{transition:color var(--loam-duration-md) var(--loam-ease), border-color var(--loam-duration-md) var(--loam-ease), background var(--loam-duration-md) var(--loam-ease)}}@container (max-width:62rem){:scope{display:grid}}}@scope(.site-MobileNav-panel) to ([class*=loam-]){:scope{--loam-drawer-size:18rem}:scope>div{gap:var(--loam-space-l);flex-direction:column;display:flex}}
@scope(.site-Header) to ([class*=loam-]){:scope{-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);background:color-mix(in oklch, var(--loam-color-bg) 82%, transparent);border-block-end:1px solid var(--loam-color-line);z-index:50;position:sticky;inset-block-start:0;container-type:inline-size}.inner{block-size:var(--site-nav-h);align-items:center;gap:var(--loam-space-s);justify-content:space-between;inline-size:min(100% - 2.5rem,90rem);margin-inline:auto;display:flex}.left,.right{align-items:center;gap:var(--loam-space-m);display:flex}.right{gap:var(--loam-space-xs)}nav{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);gap:var(--loam-space-m);font-weight:550;display:flex}nav a{color:inherit;padding-block:var(--loam-space-3xs) var(--loam-space-4xs);border-block-end:2px solid #0000;text-decoration:none}nav a:hover{color:var(--loam-color-fg)}nav a[aria-current=page]{border-block-end-color:var(--loam-color-primary);color:var(--loam-color-fg-strong);font-weight:650}@media (prefers-reduced-motion:no-preference){nav a{transition:color var(--loam-duration-md) var(--loam-ease)}}@container (max-width:62rem){nav{display:none}}.right>a{border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-md);block-size:2.5rem;color:var(--loam-color-fg-muted);place-items:center;inline-size:2.5rem;display:grid}.right>a:hover{background:var(--loam-color-surface-hover);border-color:var(--loam-color-line-strong);color:var(--loam-color-fg)}@media (prefers-reduced-motion:no-preference){.right>a{transition:color var(--loam-duration-md) var(--loam-ease), border-color var(--loam-duration-md) var(--loam-ease), background var(--loam-duration-md) var(--loam-ease)}}@container (max-inline-size:24rem){.inner,.left,.right{gap:var(--loam-space-2xs)}}}
@layer loamui.components{@scope(.site-Footer) to ([class*=loam-],[class*=site-]){:scope{background:var(--loam-color-bg-subtle);border-block-start:1px solid var(--loam-color-line);padding-block:var(--loam-space-2xl) var(--loam-space-xl);margin-block-start:var(--loam-space-2xl);container-type:inline-size}.links{gap:var(--loam-space-xl);grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));display:grid}.brand p{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin-block:var(--loam-space-s) 0;max-inline-size:32ch}nav{gap:var(--loam-space-l);grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));display:grid}nav h2{font-size:var(--loam-text-sm)}nav ul{gap:var(--loam-space-xs);margin:0;padding:0;list-style:none;display:grid}nav li{margin:0}nav a{font-size:var(--loam-text-sm)}.bottom{border-block-start:1px solid var(--loam-color-line);color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);gap:var(--loam-space-s);flex-wrap:wrap;justify-content:space-between;margin-block-start:var(--loam-space-xl);padding-block-start:var(--loam-space-l);display:flex}}}