.section-scope{--section-page:var(--background);--section-soft:var(--muted);--section-card:var(--card);--section-brand:var(--primary);--section-on-brand:var(--primary-foreground);--section-fg:var(--foreground);--section-border:var(--border);--section-dark:var(--foreground);--section-dark-foreground:var(--background);--section-dark-muted:240 5% 64.9%;--section-dark-raised:240 3.7% 15.9%;--section-dark-edge:var(--border);--section-dark-edge-alpha:0}.dark .section-scope{--section-dark:240 10% 2%;--section-dark-foreground:0 0% 98%;--section-dark-edge-alpha:1}.page-sections{container-type:inline-size;container-name:page}.page-section{position:relative;padding-block:3.25rem;padding-inline:1rem;transition:background-color .18s ease,color .18s ease}@container page (min-width: 48rem){.page-section{padding-block:5rem;padding-inline:2rem}}.page-section__inner{margin-inline:auto;width:100%;transition:max-width .18s ease}.page-section[data-width=full] .page-section__inner{max-width:100%}.page-section[data-width=standard] .page-section__inner{max-width:72rem}.page-section[data-width=narrow] .page-section__inner{max-width:42rem}.page-section[data-bg=soft]{--muted:var(--section-page)}.page-section[data-bg=card],.page-section[data-bg=soft]{background-color:hsl(var(--section-soft))}.page-section[data-bg=card] .page-section__inner{background-color:hsl(var(--section-card));border:1px solid hsl(var(--section-border));border-radius:var(--radius-card);padding:clamp(1.25rem,4cqi,2.5rem);--card:var(--section-soft)}.page-section[data-bg=brand]{--section-on:var(--section-on-brand);--background:var(--section-brand);--muted:var(--section-brand);--card:var(--section-brand);--primary-foreground:var(--section-brand);--foreground:var(--section-on-brand);--card-foreground:var(--section-on-brand);--color-display:var(--section-on-brand);--primary:var(--section-on-brand);--ring:var(--section-on-brand);--muted-foreground:var(--section-on-brand);--border:var(--section-on-brand);background-color:hsl(var(--section-brand));color:hsl(var(--section-on-brand))}.page-section[data-bg=dark]{--section-on:var(--section-dark-foreground);--background:var(--section-dark);--muted:var(--section-dark-raised);--card:var(--section-dark-raised);--primary-foreground:var(--section-dark);--foreground:var(--section-dark-foreground);--card-foreground:var(--section-dark-foreground);--color-display:var(--section-dark-foreground);--primary:var(--section-dark-foreground);--ring:var(--section-dark-foreground);--muted-foreground:var(--section-dark-muted);--border:var(--section-dark-foreground);background-color:hsl(var(--section-dark));color:hsl(var(--section-dark-foreground))}.page-section[data-bg=dark]:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 hsl(var(--section-dark-edge)/var(--section-dark-edge-alpha)),inset 0 -1px 0 hsl(var(--section-dark-edge)/var(--section-dark-edge-alpha))}.page-section[data-bg=brand] .text-muted-foreground{color:hsl(var(--section-on)/.8)}.page-section:is([data-bg=brand],[data-bg=dark]) .bg-card{background-color:hsl(var(--section-on)/.12)}.page-section:is([data-bg=brand],[data-bg=dark]) .border-border{border-color:hsl(var(--section-on)/.22)}.section-swatch{position:relative;box-shadow:inset 0 0 0 1px hsl(var(--section-border))}.section-swatch[data-bg=page]{background-color:hsl(var(--section-page))}.section-swatch[data-bg=card],.section-swatch[data-bg=soft]{background-color:hsl(var(--section-soft))}.section-swatch[data-bg=card]:after{content:"";position:absolute;inset:22%;background-color:hsl(var(--section-card));border:1px solid hsl(var(--section-border));border-radius:var(--radius-xs)}.section-swatch[data-bg=brand]{background-color:hsl(var(--section-brand))}.section-swatch[data-bg=dark]{background-color:hsl(var(--section-dark))}@media (prefers-reduced-motion:reduce){.page-section,.page-section__inner{transition:none}}