.color-grid:where(.astro-ddzzjigo){gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.color-group-title:where(.astro-ddzzjigo){margin-bottom:var(--space-4);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text);font-weight:600}.color-group:where(.astro-ddzzjigo){gap:var(--space-3);display:grid}.color-swatch:where(.astro-ddzzjigo){align-items:center;gap:var(--space-3);display:flex}.color-box:where(.astro-ddzzjigo){border-radius:var(--border-radius);border:1px solid var(--color-border);flex-shrink:0;width:40px;height:40px}.color-info:where(.astro-ddzzjigo){font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.color-hex:where(.astro-ddzzjigo){color:var(--color-text);font-weight:600}.color-name:where(.astro-ddzzjigo){color:var(--color-text-muted)}.bg-primary:where(.astro-ddzzjigo){background-color:var(--color-primary)}.bg-primary-light:where(.astro-ddzzjigo){background-color:var(--color-primary-light)}.bg-accent:where(.astro-ddzzjigo){background-color:var(--color-accent)}.bg-accent-light:where(.astro-ddzzjigo){background-color:var(--color-accent-light)}.bg-text:where(.astro-ddzzjigo){background-color:var(--color-text)}.bg-text-secondary:where(.astro-ddzzjigo){background-color:var(--color-text-secondary)}.bg-background:where(.astro-ddzzjigo){background-color:var(--color-background)}.bg-background-alt:where(.astro-ddzzjigo),.bg-alt:where(.astro-ddzzjigo){background-color:var(--color-background-alt)}.py-12:where(.astro-ddzzjigo){padding-top:var(--space-12);padding-bottom:var(--space-12)}.border-b:where(.astro-ddzzjigo){border-bottom:1px solid var(--color-border)}.prose-centered:where(.astro-ddzzjigo){max-width:var(--max-width-prose);margin:0 auto}.mb-0:where(.astro-ddzzjigo){margin-bottom:0}.text-lg:where(.astro-ddzzjigo){font-size:var(--font-size-lg)}.leading-relaxed:where(.astro-ddzzjigo){line-height:var(--line-height-relaxed)}.element-grid:where(.astro-ddzzjigo){gap:var(--space-8);display:grid}.element-card:where(.astro-ddzzjigo){border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);background-color:var(--color-surface)}.form-showcase:where(.astro-ddzzjigo){border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-8);background-color:var(--color-surface);max-width:600px}.button-showcase:where(.astro-ddzzjigo){gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center;display:flex}.button-showcase:where(.astro-ddzzjigo):last-child{margin-bottom:0}.cards-showcase:where(.astro-ddzzjigo){gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.utility-examples:where(.astro-ddzzjigo){margin-bottom:var(--space-6)}.spacing-examples:where(.astro-ddzzjigo){margin-bottom:0}.spacing-demo:where(.astro-ddzzjigo){background-color:var(--color-background-alt);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-size:var(--font-size-sm)}.text-primary:where(.astro-ddzzjigo){color:var(--color-primary)}.text-accent:where(.astro-ddzzjigo){color:var(--color-accent)}.mb-4:where(.astro-ddzzjigo){margin-bottom:var(--space-4)}.mb-6:where(.astro-ddzzjigo){margin-bottom:var(--space-6)}.mb-20:where(.astro-ddzzjigo){margin-bottom:var(--space-20)}.heading-sample:where(.astro-ddzzjigo){margin:0 0 var(--space-4)0}.heading-sample:where(.astro-ddzzjigo).h1-sample{border:none;padding:0}.heading-sample:where(.astro-ddzzjigo).h6-sample{margin:0}.text-meta:where(.astro-ddzzjigo){font-family:var(--font-family-sans);font-size:var(--font-size-sm)}.font-scale-sample:where(.astro-ddzzjigo){margin-bottom:var(--space-3)}.font-scale-sample:where(.astro-ddzzjigo).size-5xl{font-size:var(--font-size-5xl)}.font-scale-sample:where(.astro-ddzzjigo).size-4xl{font-size:var(--font-size-4xl)}.font-scale-sample:where(.astro-ddzzjigo).size-3xl{font-size:var(--font-size-3xl)}.font-scale-sample:where(.astro-ddzzjigo).size-2xl{font-size:var(--font-size-2xl)}.font-scale-sample:where(.astro-ddzzjigo).size-xl{font-size:var(--font-size-xl)}.font-scale-sample:where(.astro-ddzzjigo).size-lg{font-size:var(--font-size-lg)}.font-scale-sample:where(.astro-ddzzjigo).size-base{font-size:var(--font-size-base)}.font-scale-sample:where(.astro-ddzzjigo).size-sm{font-size:var(--font-size-sm)}.font-scale-sample:where(.astro-ddzzjigo).size-xs{font-size:var(--font-size-xs);margin-bottom:0}@media (max-width:768px){.py-12:where(.astro-ddzzjigo){padding-top:var(--space-8);padding-bottom:var(--space-8)}.color-grid:where(.astro-ddzzjigo),.cards-showcase:where(.astro-ddzzjigo){grid-template-columns:1fr}.button-showcase:where(.astro-ddzzjigo){flex-direction:column;align-items:stretch}.button-showcase:where(.astro-ddzzjigo) .btn:where(.astro-ddzzjigo){text-align:center;width:100%}}