.page-hero[data-astro-cid-lflknqef]{padding:var(--space-24) 0 var(--space-16);background:var(--bg-secondary)}.breadcrumb[data-astro-cid-lflknqef]{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-lflknqef] a[data-astro-cid-lflknqef]{color:var(--text-secondary);text-decoration:none}.breadcrumb[data-astro-cid-lflknqef] a[data-astro-cid-lflknqef]:hover{color:var(--theme-color, var(--accent-warm))}.page-title[data-astro-cid-lflknqef]{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-lflknqef]{font-size:var(--font-size-body-large);color:var(--text-secondary);max-width:var(--container-prose)}.section[data-astro-cid-lflknqef]{padding:var(--section-spacing-lg) 0}.section-alt[data-astro-cid-lflknqef]{background:var(--bg-secondary)}.section-header[data-astro-cid-lflknqef]{margin-bottom:var(--space-10)}.section-label[data-astro-cid-lflknqef]{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-lflknqef]{font-family:var(--font-heading);font-weight:var(--font-weight-light);font-size:var(--font-size-h2);color:var(--text-primary)}.demo-section[data-astro-cid-lflknqef]{margin-bottom:var(--space-8)}.demo-section[data-astro-cid-lflknqef]:last-child{margin-bottom:0}.demo-section[data-astro-cid-lflknqef] h4[data-astro-cid-lflknqef]{font-family:var(--font-heading);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-4)}.demo-section[data-astro-cid-lflknqef] code[data-astro-cid-lflknqef]{display:inline-block;font-size:var(--font-size-body-small);color:var(--theme-color, var(--accent-warm));background:var(--bg-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-4)}.demo-grid[data-astro-cid-lflknqef]{display:grid;gap:var(--space-6)}.demo-grid--2[data-astro-cid-lflknqef]{grid-template-columns:repeat(2,1fr)}.demo-grid--3[data-astro-cid-lflknqef]{grid-template-columns:repeat(3,1fr)}.demo-grid--4[data-astro-cid-lflknqef]{grid-template-columns:repeat(4,1fr)}.demo-grid--gap-sm[data-astro-cid-lflknqef]{gap:var(--space-4)}.demo-grid--gap-md[data-astro-cid-lflknqef]{gap:var(--space-6)}.demo-grid--gap-lg[data-astro-cid-lflknqef]{gap:var(--space-8)}@media(max-width:1024px){.demo-grid--4[data-astro-cid-lflknqef]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.demo-grid--2[data-astro-cid-lflknqef],.demo-grid--3[data-astro-cid-lflknqef],.demo-grid--4[data-astro-cid-lflknqef]{grid-template-columns:1fr}}.demo-item[data-astro-cid-lflknqef]{background:var(--theme-color, var(--accent-warm));color:var(--text-inverse);padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-h3)}.gap-demos[data-astro-cid-lflknqef]{display:flex;flex-direction:column;gap:var(--space-8)}.cards-grid[data-astro-cid-lflknqef]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1024px){.cards-grid[data-astro-cid-lflknqef]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cards-grid[data-astro-cid-lflknqef]{grid-template-columns:1fr}}.card[data-astro-cid-lflknqef]{background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.card[data-astro-cid-lflknqef]:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-image[data-astro-cid-lflknqef]{aspect-ratio:16/10;overflow:hidden}.card-image[data-astro-cid-lflknqef] img[data-astro-cid-lflknqef]{width:100%;height:100%;object-fit:cover}.card-content[data-astro-cid-lflknqef]{padding:var(--space-5)}.card-tag[data-astro-cid-lflknqef]{display:inline-block;font-family:var(--font-heading);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--theme-color, var(--accent-warm));margin-bottom:var(--space-2)}.card-title[data-astro-cid-lflknqef]{font-family:var(--font-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.card-description[data-astro-cid-lflknqef]{font-size:var(--font-size-body-small);color:var(--text-secondary)}.responsive-info[data-astro-cid-lflknqef]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:768px){.responsive-info[data-astro-cid-lflknqef]{grid-template-columns:1fr}}.responsive-item[data-astro-cid-lflknqef]{padding:var(--space-6);background:var(--bg-primary);border-radius:var(--radius-xl);text-align:center}.responsive-breakpoint[data-astro-cid-lflknqef]{display:block;font-family:var(--font-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--theme-color, var(--accent-warm));margin-bottom:var(--space-3)}.responsive-item[data-astro-cid-lflknqef] p[data-astro-cid-lflknqef]{font-size:var(--font-size-body-small);color:var(--text-secondary);margin:0}.table-wrapper[data-astro-cid-lflknqef]{overflow-x:auto}.props-table[data-astro-cid-lflknqef]{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.props-table[data-astro-cid-lflknqef] th[data-astro-cid-lflknqef]{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-lflknqef] td[data-astro-cid-lflknqef]{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-lflknqef] code[data-astro-cid-lflknqef]{background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--theme-color, var(--accent-warm))}