.showcase.svelte-jogaok{display:flex;flex-direction:column;gap:var(--spacing-xl)}.variant-group.svelte-jogaok{display:flex;flex-direction:column;gap:var(--spacing-sm)}.variant-label.svelte-jogaok{color:var(--color-gray-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.tags.svelte-jogaok{display:flex;flex-wrap:wrap;gap:.5rem}body>nav[data-astro-cid-vsdw5mfz].sidenav{height:calc(100vh - var(--spacing-4xl));left:var(--spacing-2xl);overflow-y:auto;position:fixed;top:var(--layout-section-gap);width:200px;z-index:10}main[data-astro-cid-vsdw5mfz]{padding-left:250px}.container[data-astro-cid-vsdw5mfz],main[data-astro-cid-vsdw5mfz]{width:100%}.sidenav[data-astro-cid-vsdw5mfz] h2[data-astro-cid-vsdw5mfz]{font-size:var(--font-size-base);margin-bottom:var(--spacing-base)}.sidenav[data-astro-cid-vsdw5mfz] ul[data-astro-cid-vsdw5mfz]{list-style:none;margin:0;padding:0}.sidenav[data-astro-cid-vsdw5mfz] ul[data-astro-cid-vsdw5mfz] ul[data-astro-cid-vsdw5mfz]{margin-top:var(--spacing-xs);padding-left:var(--spacing-base)}.sidenav[data-astro-cid-vsdw5mfz] li[data-astro-cid-vsdw5mfz]{margin-bottom:var(--spacing-sm)}.sidenav[data-astro-cid-vsdw5mfz] a[data-astro-cid-vsdw5mfz]{color:var(--color-gray-muted);display:block;padding:var(--spacing-xs) 0;text-decoration:none}.sidenav[data-astro-cid-vsdw5mfz] a[data-astro-cid-vsdw5mfz]:hover{color:var(--color-primary)}.component-section[data-astro-cid-vsdw5mfz]{border-bottom:1px solid var(--color-gray-border);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl)}.component-header[data-astro-cid-vsdw5mfz]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.component-header[data-astro-cid-vsdw5mfz] h3[data-astro-cid-vsdw5mfz]{color:var(--color-primary);margin:0}.file-path[data-astro-cid-vsdw5mfz]{background:var(--color-gray-bg,#f5f5f5);border-radius:4px;color:var(--color-gray-muted);font-size:var(--font-size-xs);padding:2px 6px;width:-moz-fit-content;width:fit-content}.component-desc[data-astro-cid-vsdw5mfz]{color:var(--color-gray-dark);margin-bottom:var(--spacing-base)}.meta-block[data-astro-cid-vsdw5mfz]{background:var(--color-gray-bg,#f9f9f9);border:1px solid var(--color-gray-border);border-radius:var(--radius-md,8px);flex-direction:column;margin-bottom:var(--spacing-xl);padding:var(--spacing-base) var(--spacing-lg)}.meta-block[data-astro-cid-vsdw5mfz],.meta-row[data-astro-cid-vsdw5mfz]{display:flex;gap:var(--spacing-sm)}.meta-row[data-astro-cid-vsdw5mfz]{align-items:flex-start;flex-wrap:wrap}.meta-label[data-astro-cid-vsdw5mfz]{color:var(--color-gray-muted);flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;min-width:64px;padding-top:3px;text-transform:uppercase}.chips[data-astro-cid-vsdw5mfz]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chip[data-astro-cid-vsdw5mfz]{border-radius:999px;font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:2px 8px;white-space:nowrap}.chip-route[data-astro-cid-vsdw5mfz]{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.chip-composition[data-astro-cid-vsdw5mfz]{background:color-mix(in srgb,#7c3aed 10%,transparent);color:#7c3aed}.chip-layout[data-astro-cid-vsdw5mfz]{background:color-mix(in srgb,#0369a1 10%,transparent);color:#0369a1}.chip-content[data-astro-cid-vsdw5mfz]{background:color-mix(in srgb,#059669 10%,transparent);color:#059669}.chip-page[data-astro-cid-vsdw5mfz]{background:color-mix(in srgb,#d97706 10%,transparent);color:#d97706}.button-grid[data-astro-cid-vsdw5mfz]{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.button-sample[data-astro-cid-vsdw5mfz]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sample-label[data-astro-cid-vsdw5mfz]{color:var(--color-gray-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.card-grid[data-astro-cid-vsdw5mfz]{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-lg);width:100%}.vertical-card-grid[data-astro-cid-vsdw5mfz]{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr;margin-top:var(--spacing-lg)}@media(width>=769px){.vertical-card-grid[data-astro-cid-vsdw5mfz]{grid-template-columns:repeat(2,1fr)}}.card-sample[data-astro-cid-vsdw5mfz]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.variant-guide[data-astro-cid-vsdw5mfz]{border-collapse:collapse;font-size:var(--font-size-small-min,.85rem);width:100%}.variant-guide[data-astro-cid-vsdw5mfz] td[data-astro-cid-vsdw5mfz],.variant-guide[data-astro-cid-vsdw5mfz] th[data-astro-cid-vsdw5mfz]{border-bottom:1px solid var(--color-gray-border);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.variant-guide[data-astro-cid-vsdw5mfz] th[data-astro-cid-vsdw5mfz]{color:var(--color-primary);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.variant-guide[data-astro-cid-vsdw5mfz] code[data-astro-cid-vsdw5mfz]{background:var(--color-gray-bg,#f5f5f5);border-radius:4px;font-size:.8rem;padding:2px 6px}