.page-hero[data-astro-cid-umr6qaex]{padding:var(--space-24) 0 var(--space-16);background:var(--bg-secondary)}.breadcrumb[data-astro-cid-umr6qaex]{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--font-size-body-small);color:var(--text-muted);margin-bottom:var(--space-6)}.breadcrumb[data-astro-cid-umr6qaex] a[data-astro-cid-umr6qaex]{color:var(--text-secondary);text-decoration:none}.breadcrumb[data-astro-cid-umr6qaex] a[data-astro-cid-umr6qaex]:hover{color:var(--theme-color, var(--accent-warm))}.page-title[data-astro-cid-umr6qaex]{font-family:var(--font-heading);font-weight:var(--font-weight-light);font-size:var(--font-size-h1);color:var(--text-primary);margin-bottom:var(--space-4)}.page-description[data-astro-cid-umr6qaex]{font-size:var(--font-size-body-large);color:var(--text-secondary);max-width:var(--container-prose)}.section[data-astro-cid-umr6qaex]{padding:var(--section-spacing-lg) 0}.section-alt[data-astro-cid-umr6qaex]{background:var(--bg-secondary)}.section-header[data-astro-cid-umr6qaex]{margin-bottom:var(--space-10)}.section-label[data-astro-cid-umr6qaex]{display:block;font-family:var(--font-heading);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--theme-color, var(--accent-warm));margin-bottom:var(--space-3)}.section-title[data-astro-cid-umr6qaex]{font-family:var(--font-heading);font-weight:var(--font-weight-light);font-size:var(--font-size-h2);color:var(--text-primary)}.demo-stack[data-astro-cid-umr6qaex]{display:flex;flex-direction:column;gap:var(--space-4)}.demo-section[data-astro-cid-umr6qaex]{padding:var(--space-6);border-radius:var(--radius-xl)}.demo-section[data-astro-cid-umr6qaex] code[data-astro-cid-umr6qaex]{display:inline-block;font-size:var(--font-size-body-small);background:#0000001a;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.demo-section[data-astro-cid-umr6qaex] p[data-astro-cid-umr6qaex]{font-size:var(--font-size-body-small);margin:0}.demo-section--primary[data-astro-cid-umr6qaex]{background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-default)}.demo-section--secondary[data-astro-cid-umr6qaex]{background:var(--bg-secondary)}.demo-section--tertiary[data-astro-cid-umr6qaex]{background:var(--bg-tertiary)}.demo-section--inverse[data-astro-cid-umr6qaex]{background:var(--bg-inverse);color:var(--text-inverse)}.demo-section--inverse[data-astro-cid-umr6qaex] code[data-astro-cid-umr6qaex]{background:#fff3}.spacing-demos[data-astro-cid-umr6qaex]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:1024px){.spacing-demos[data-astro-cid-umr6qaex]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.spacing-demos[data-astro-cid-umr6qaex]{grid-template-columns:1fr}}.spacing-demo[data-astro-cid-umr6qaex]{text-align:center}.spacing-visual[data-astro-cid-umr6qaex]{background:var(--theme-color, var(--accent-warm));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.spacing-visual--sm[data-astro-cid-umr6qaex]{height:48px}.spacing-visual--md[data-astro-cid-umr6qaex]{height:64px}.spacing-visual--lg[data-astro-cid-umr6qaex]{height:96px}.spacing-visual--xl[data-astro-cid-umr6qaex]{height:128px}.spacing-info[data-astro-cid-umr6qaex] code[data-astro-cid-umr6qaex]{display:block;font-size:var(--font-size-body-small);color:var(--theme-color, var(--accent-warm));margin-bottom:var(--space-2)}.spacing-info[data-astro-cid-umr6qaex] p[data-astro-cid-umr6qaex]{font-size:var(--font-size-caption);color:var(--text-secondary)}.container-demos[data-astro-cid-umr6qaex]{display:flex;flex-direction:column;gap:var(--space-6)}.container-demo[data-astro-cid-umr6qaex]{text-align:center}.container-visual[data-astro-cid-umr6qaex]{background:var(--bg-secondary);border:2px dashed var(--border-default);padding:var(--space-4);border-radius:var(--radius-lg);margin:0 auto var(--space-4);font-family:var(--font-heading);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.container-visual--prose[data-astro-cid-umr6qaex]{max-width:680px}.container-visual--content[data-astro-cid-umr6qaex]{max-width:960px}.container-visual--wide[data-astro-cid-umr6qaex]{max-width:1200px}.container-visual--full[data-astro-cid-umr6qaex]{max-width:100%}.container-demo[data-astro-cid-umr6qaex] code[data-astro-cid-umr6qaex]{display:block;font-size:var(--font-size-body-small);color:var(--theme-color, var(--accent-warm));margin-bottom:var(--space-2)}.container-demo[data-astro-cid-umr6qaex] p[data-astro-cid-umr6qaex]{font-size:var(--font-size-caption);color:var(--text-secondary)}.table-wrapper[data-astro-cid-umr6qaex]{overflow-x:auto}.props-table[data-astro-cid-umr6qaex]{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden}.props-table[data-astro-cid-umr6qaex] th[data-astro-cid-umr6qaex]{background:var(--bg-tertiary);padding:var(--space-4);text-align:left;font-family:var(--font-heading);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.props-table[data-astro-cid-umr6qaex] td[data-astro-cid-umr6qaex]{padding:var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-default);font-size:var(--font-size-body-small)}.props-table[data-astro-cid-umr6qaex] code[data-astro-cid-umr6qaex]{background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--theme-color, var(--accent-warm))}