@layer components{.badge.svelte-k5e71a{border-radius:var(--radius-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);background:var(--surface-sunken);padding:.18rem .5rem;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.badge.compact.svelte-k5e71a{font-size:var(--text-2xs);line-height:var(--leading-body);padding:.1rem .45rem;font-weight:600}.badge[data-kind=architecture].svelte-k5e71a{color:var(--badge-architecture);background:var(--badge-architecture-bg)}.badge[data-kind=technique].svelte-k5e71a,.badge[data-kind=algorithm].svelte-k5e71a{color:var(--badge-technique);background:var(--badge-technique-bg)}.badge[data-kind=pattern].svelte-k5e71a{color:var(--badge-pattern);background:var(--badge-pattern-bg)}.badge[data-kind=structure].svelte-k5e71a{color:var(--badge-structure);background:var(--badge-structure-bg)}.badge[data-kind=concept].svelte-k5e71a{color:var(--badge-concept);background:var(--badge-concept-bg)}.badge[data-kind=choice].svelte-k5e71a{color:var(--badge-choice);background:var(--badge-choice-bg)}}