.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-surface] [data-astro-cid-prwxh6m4]:where(h4,p),.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-card] [data-astro-cid-prwxh6m4]:where(h4,p),.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-btn]{margin:0}.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-card] h4[data-astro-cid-prwxh6m4],.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-card-title]{color:var(--s-neutral-900)!important}.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-card] p[data-astro-cid-prwxh6m4],.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-card-body] p[data-astro-cid-prwxh6m4],.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-card-subtitle]{color:var(--s-neutral-700)!important}.demo-page[data-astro-cid-prwxh6m4]{max-width:900px}.intro[data-astro-cid-prwxh6m4]{color:var(--s-text-primary);margin-bottom:var(--s-space-6)}.customization-panel[data-astro-cid-prwxh6m4]{background:var(--s-surface-sunken);border:1px solid var(--s-border-default);border-radius:var(--s-radius-lg);padding:var(--s-space-6);margin-bottom:var(--s-space-8)}.hue-sliders[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s-space-4)}.hue-slider[data-astro-cid-prwxh6m4] label[data-astro-cid-prwxh6m4]{display:block;font-size:var(--s-text-sm);font-weight:var(--s-font-medium);margin-bottom:var(--s-space-2)}.hue-slider[data-astro-cid-prwxh6m4] input[data-astro-cid-prwxh6m4][type=range]{width:100%;accent-color:var(--s-interactive-primary)}.hue-value[data-astro-cid-prwxh6m4]{font-family:var(--s-font-mono)}h2[data-astro-cid-prwxh6m4]{margin-top:var(--s-space-10);margin-bottom:var(--s-space-4);padding-bottom:var(--s-space-2);border-bottom:1px solid var(--s-border-default)}h3[data-astro-cid-prwxh6m4]{color:var(--s-text-primary);font-size:var(--s-text-base);margin-top:var(--s-space-6);margin-bottom:var(--s-space-3)}h4[data-astro-cid-prwxh6m4]{margin:0 0 var(--s-space-2)}.color-scale[data-astro-cid-prwxh6m4]{display:flex;border-radius:var(--s-radius-md);overflow:hidden;margin-bottom:var(--s-space-4)}.color-swatch[data-astro-cid-prwxh6m4]{flex:1;min-width:40px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--s-text-xs);font-weight:var(--s-font-medium)}.status-swatch[data-astro-cid-prwxh6m4]{padding:var(--s-space-3) var(--s-space-4);border-radius:var(--s-radius-md);color:#fff;font-weight:var(--s-font-medium);font-size:var(--s-text-sm)}.demo-grid[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-space-4);margin-bottom:var(--s-space-4)}.demo-row[data-astro-cid-prwxh6m4]{display:flex;flex-wrap:wrap;gap:var(--s-space-3);align-items:center;margin-bottom:var(--s-space-4)}.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4]+[data-astro-cid-prwxh6m4]{margin-top:0}.typography-demo[data-astro-cid-prwxh6m4]{background:var(--s-surface-sunken);padding:var(--s-space-6);border-radius:var(--s-radius-lg);border:1px solid var(--s-border-default)}.typography-demo[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{margin-bottom:var(--s-space-2)}.typography-demo[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]:last-child{margin-bottom:0}.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-card] p[data-astro-cid-prwxh6m4]{color:var(--s-text-secondary);font-size:var(--s-text-sm);margin:0}.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-surface] p[data-astro-cid-prwxh6m4]{font-size:var(--s-text-sm);margin:0}.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-surface=primary] p[data-astro-cid-prwxh6m4],.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-surface=secondary] p[data-astro-cid-prwxh6m4],.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-surface=accent] p[data-astro-cid-prwxh6m4]{opacity:.85}.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-surface]{padding:var(--s-space-4)}.form-controls[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:var(--s-space-2)}.demo-page[data-astro-cid-prwxh6m4] [data-astro-cid-prwxh6m4][s-btn][s-block]{margin-bottom:var(--s-space-4)}