.components-page.svelte-136c6pl{max-width:1000px;margin:0 auto;padding:2rem 2rem 4rem}.page-header.svelte-136c6pl{margin-bottom:3rem}.page-header.svelte-136c6pl h1:where(.svelte-136c6pl){margin:0 0 .5rem;color:var(--matisse-blue)}.page-header.svelte-136c6pl p:where(.svelte-136c6pl){color:var(--vcsi-gray-600);font-size:1.1rem;margin:0}.category.svelte-136c6pl{margin-bottom:3rem;scroll-margin-top:5rem}.category.svelte-136c6pl h2:where(.svelte-136c6pl){margin:0 0 .25rem;font-size:1.5rem;color:var(--matisse-orange)}.category-desc.svelte-136c6pl{color:var(--vcsi-gray-600);margin:0 0 1.25rem}.component-grid.svelte-136c6pl{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.component-card.svelte-136c6pl{display:block;padding:1.25rem;border:1px solid var(--vcsi-border);border-radius:8px;background:var(--vcsi-gray-50);text-decoration:none;color:inherit;transition:all .2s ease}.component-card.svelte-136c6pl:hover{border-color:#6b7280;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.component-card.svelte-136c6pl h3:where(.svelte-136c6pl){margin:0 0 .5rem;font-size:1rem;font-family:var(--vcsi-font-mono);color:#6b7280}.component-card.svelte-136c6pl p:where(.svelte-136c6pl){margin:0;font-size:.875rem;color:var(--vcsi-gray-600);line-height:1.4}@media(max-width:600px){.components-page.svelte-136c6pl{padding:1rem}.component-grid.svelte-136c6pl{grid-template-columns:1fr}}.dark .page-header.svelte-136c6pl h1:where(.svelte-136c6pl){color:#5fa1f3}.dark .category.svelte-136c6pl h2:where(.svelte-136c6pl){color:#f1944f}.dark .page-header.svelte-136c6pl p:where(.svelte-136c6pl),.dark .category-desc.svelte-136c6pl{color:var(--vcsi-gray-400)}.dark .component-card.svelte-136c6pl{background:var(--vcsi-gray-900)}.dark .component-card.svelte-136c6pl:hover{border-color:#60a5fa;box-shadow:0 4px 12px #0000004d}.dark .component-card.svelte-136c6pl h3:where(.svelte-136c6pl){color:#60a5fa}.dark .component-card.svelte-136c6pl p:where(.svelte-136c6pl){color:var(--vcsi-gray-400)}