.compendium.svelte-1gh2m3i{max-width:70rem}.eyebrow.svelte-1gh2m3i,.kind.svelte-1gh2m3i{color:var(--color-accent);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}h1.svelte-1gh2m3i{font-family:var(--font-display);margin:.35rem 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem)}.notice.svelte-1gh2m3i{border:1px solid var(--color-border);background:var(--color-surface);padding:1rem}.filters.svelte-1gh2m3i{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.search.svelte-1gh2m3i{color:var(--color-text-muted);flex:14rem;gap:.25rem;font-size:.8rem;display:grid}.search.svelte-1gh2m3i input:where(.svelte-1gh2m3i){min-height:var(--field-height);border:1px solid var(--color-border);background:var(--color-sidebar);color:var(--color-text);font:inherit;padding:.45rem .65rem}.result-count.svelte-1gh2m3i{color:var(--color-text-muted);margin:0 0 1rem}button.svelte-1gh2m3i{border:1px solid var(--color-border);min-height:var(--field-height);color:var(--color-text);cursor:pointer;background:0 0;padding:.45rem .65rem}button.svelte-1gh2m3i:hover,button.active.svelte-1gh2m3i{border-color:var(--color-accent);color:var(--color-accent)}.option-list.svelte-1gh2m3i{grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.option-list.svelte-1gh2m3i li:where(.svelte-1gh2m3i){border:1px solid var(--color-border);background:var(--color-surface)}.option-card.svelte-1gh2m3i{width:100%;min-height:5.25rem;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.85rem;padding:1rem;display:flex}.option-card.svelte-1gh2m3i:hover,.option-card.svelte-1gh2m3i:focus-visible{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.option-card.svelte-1gh2m3i>span:where(.svelte-1gh2m3i):last-child{overflow-wrap:anywhere;min-width:0}h2.svelte-1gh2m3i{font-family:var(--font-display);margin:.35rem 0;font-size:1.1rem}.option-icon.svelte-1gh2m3i{border:1px solid color-mix(in srgb, var(--color-accent) 50%, var(--color-border));width:2.75rem;height:2.75rem;color:var(--color-accent);border-radius:50%;flex:none;place-items:center;display:grid}.option-icon.svelte-1gh2m3i svg{width:1.5rem;height:1.5rem}