.component-page[data-astro-cid-xwthro2o]{max-width:1200px;margin:0 auto;padding:var(--space-10) var(--space-5)}.breadcrumb[data-astro-cid-xwthro2o]{display:flex;gap:var(--space-2);align-items:center;font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-4)}.breadcrumb[data-astro-cid-xwthro2o] a[data-astro-cid-xwthro2o]{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb[data-astro-cid-xwthro2o] a[data-astro-cid-xwthro2o]:hover{color:var(--accent-blue)}.breadcrumb[data-astro-cid-xwthro2o] span[data-astro-cid-xwthro2o]{color:var(--text-muted)}.page-header[data-astro-cid-xwthro2o]{margin-bottom:var(--space-10)}.page-header[data-astro-cid-xwthro2o] h1[data-astro-cid-xwthro2o]{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin:0 0 var(--space-3);color:var(--text-primary);letter-spacing:-.02em}.description[data-astro-cid-xwthro2o]{color:var(--text-secondary);font-size:1rem;margin:0 0 var(--space-4);line-height:1.7}.tags[data-astro-cid-xwthro2o]{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag[data-astro-cid-xwthro2o]{padding:var(--space-1) var(--space-3);background:var(--accent-blue-dim);border:1px solid var(--accent-blue);border-radius:var(--radius-full);font-size:.8rem;color:var(--accent-blue);font-weight:500}section[data-astro-cid-xwthro2o]{margin-bottom:var(--space-10)}section[data-astro-cid-xwthro2o] h2[data-astro-cid-xwthro2o]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.demo-tabs[data-astro-cid-xwthro2o]{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);background:var(--bg-secondary);padding:var(--space-1);border-radius:var(--radius-md);width:fit-content}.tab[data-astro-cid-xwthro2o]{padding:var(--space-2) var(--space-5);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.tab[data-astro-cid-xwthro2o]:hover{color:var(--text-primary)}.tab[data-astro-cid-xwthro2o].active{background:var(--bg-tertiary);color:var(--text-primary)}.demo-container[data-astro-cid-xwthro2o]{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.demo-placeholder[data-astro-cid-xwthro2o]{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);padding:var(--space-6)}.demo-placeholder[data-astro-cid-xwthro2o] p[data-astro-cid-xwthro2o]{font-size:1rem;margin:0 0 var(--space-2);color:var(--text-secondary)}.demo-placeholder[data-astro-cid-xwthro2o] small[data-astro-cid-xwthro2o]{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.demo-info[data-astro-cid-xwthro2o]{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.demo-info[data-astro-cid-xwthro2o] h4[data-astro-cid-xwthro2o]{margin:0 0 var(--space-2);color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.demo-info[data-astro-cid-xwthro2o] p[data-astro-cid-xwthro2o]{margin:0;color:var(--text-primary);font-size:.9rem}.info-section[data-astro-cid-xwthro2o] p[data-astro-cid-xwthro2o]{color:var(--text-secondary);margin:0;line-height:1.7}.config-table[data-astro-cid-xwthro2o]{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.config-header[data-astro-cid-xwthro2o],.config-row[data-astro-cid-xwthro2o]{display:grid;grid-template-columns:140px 90px 100px 1fr;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.config-header[data-astro-cid-xwthro2o]{background:var(--bg-tertiary);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.config-row[data-astro-cid-xwthro2o]{border-top:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-primary)}.config-row[data-astro-cid-xwthro2o] code[data-astro-cid-xwthro2o]{color:var(--accent-blue);font-family:var(--font-mono);font-size:.8rem}.related-links[data-astro-cid-xwthro2o]{display:flex;gap:var(--space-3);flex-wrap:wrap}.related-card[data-astro-cid-xwthro2o]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.related-card[data-astro-cid-xwthro2o]:hover{border-color:var(--accent-blue);background:var(--accent-blue-dim)}.related-name[data-astro-cid-xwthro2o]{color:var(--text-primary);font-weight:500}.related-arrow[data-astro-cid-xwthro2o]{color:var(--accent-blue);transition:transform var(--transition-fast)}.related-card[data-astro-cid-xwthro2o]:hover .related-arrow[data-astro-cid-xwthro2o]{transform:translate(4px)}@media(max-width:768px){.component-page[data-astro-cid-xwthro2o]{padding:var(--space-6) var(--space-4)}.config-header[data-astro-cid-xwthro2o],.config-row[data-astro-cid-xwthro2o]{grid-template-columns:1fr 1fr;gap:var(--space-2)}.config-header[data-astro-cid-xwthro2o] span[data-astro-cid-xwthro2o]:nth-child(3),.config-header[data-astro-cid-xwthro2o] span[data-astro-cid-xwthro2o]:nth-child(4),.config-row[data-astro-cid-xwthro2o] span[data-astro-cid-xwthro2o]:nth-child(3),.config-row[data-astro-cid-xwthro2o] span[data-astro-cid-xwthro2o]:nth-child(4){display:none}}