.breadcrumb.svelte-10t96t4{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#666;margin-bottom:24px}.breadcrumb.svelte-10t96t4 a:where(.svelte-10t96t4){color:#666;text-decoration:none}.breadcrumb.svelte-10t96t4 a:where(.svelte-10t96t4):hover{color:var(--color-accent)}.breadcrumb.svelte-10t96t4 span:where(.svelte-10t96t4):not(:last-child){color:#ccc}.prose.svelte-10t96t4 h1:where(.svelte-10t96t4){font-size:2rem;font-weight:600;margin-bottom:16px}.prose.svelte-10t96t4 .lead:where(.svelte-10t96t4){font-size:1.1rem;color:#666;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--color-grid)}.install.svelte-10t96t4,.components.svelte-10t96t4,.design.svelte-10t96t4{padding:48px 0;border-bottom:1px solid var(--color-grid)}.design.svelte-10t96t4{border-bottom:none}h2.svelte-10t96t4{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.prose.svelte-10t96t4 p:where(.svelte-10t96t4){color:#666;margin-bottom:16px;line-height:1.6}pre.svelte-10t96t4{background:#1a1a1a;color:#f0f0f0;padding:16px 20px;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;margin-bottom:16px}.component-grid.svelte-10t96t4{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.component-card.svelte-10t96t4{padding:20px;background:#fafafa;text-decoration:none;transition:all .2s}.component-card.svelte-10t96t4:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.component-card.svelte-10t96t4 h3:where(.svelte-10t96t4){font-size:1rem;font-weight:600;margin-bottom:8px;color:#1a1a1a}.component-card.svelte-10t96t4:hover h3:where(.svelte-10t96t4){color:var(--color-accent)}.component-card.svelte-10t96t4 p:where(.svelte-10t96t4){font-size:.85rem;color:#666;line-height:1.5}.design-grid.svelte-10t96t4{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.design-card.svelte-10t96t4{padding:20px;background:#fafafa}.design-card.svelte-10t96t4 h3:where(.svelte-10t96t4){font-size:1rem;font-weight:600;margin-bottom:8px}.design-card.svelte-10t96t4 p:where(.svelte-10t96t4){font-size:.85rem;color:#666;line-height:1.5}@media(max-width:800px){.component-grid.svelte-10t96t4,.design-grid.svelte-10t96t4{grid-template-columns:1fr}}
