.hs-grid.svelte-tguhlg{margin:var(--space-md, 1rem) 0}.hs-grid-title.svelte-tguhlg{font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted, #6b7280);margin-bottom:var(--space-sm, .5rem);font-weight:500}.hs-grid-cards.svelte-tguhlg{display:grid;grid-template-columns:repeat(var(--grid-cols, 4),1fr);gap:var(--space-sm, .5rem)}@media(max-width:768px){.hs-grid-cards.svelte-tguhlg{grid-template-columns:repeat(2,1fr)}}.hs-card.svelte-tguhlg{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm, .5rem) var(--space-md, 1rem);background:var(--color-surface, #fff);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-base, 6px);cursor:pointer;transition:all .15s ease;text-align:center;position:relative}.hs-card.svelte-tguhlg:hover{border-color:var(--color-volion-primary, #2080C0);box-shadow:0 2px 8px #2080c026;transform:translateY(-1px)}.hs-card.complementary.svelte-tguhlg{border-color:#10b9814d}.hs-card.complementary.svelte-tguhlg:hover{border-color:#10b981;box-shadow:0 2px 8px #10b98126}.hs-card.selected.svelte-tguhlg{border-color:var(--color-volion-primary, #2080C0);background:#2080c00f;box-shadow:0 0 0 2px #2080c040}.hs-card.selected.svelte-tguhlg .hs-card-code:where(.svelte-tguhlg){color:var(--color-volion-primary, #2080C0)}.hs-card.selected-loading.svelte-tguhlg{animation:svelte-tguhlg-pulse-border 1.2s ease-in-out infinite}@keyframes svelte-tguhlg-pulse-border{0%,to{box-shadow:0 0 0 2px #2080c040}50%{box-shadow:0 0 0 3px #2080c073}}@media(prefers-reduced-motion:reduce){.hs-card.selected-loading.svelte-tguhlg{animation:none;box-shadow:0 0 0 2px #2080c059}}.hs-card.svelte-tguhlg:focus-visible{outline:2px solid var(--color-volion-primary, #2080C0);outline-offset:2px}.hs-card-reason.svelte-tguhlg{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:3px;line-height:1.4}.reason-complementary.svelte-tguhlg{background:#10b9811a;color:#059669}.reason-sibling.svelte-tguhlg{background:#2080c01a;color:var(--color-volion-primary, #2080C0)}.hs-card-code.svelte-tguhlg{font-size:var(--font-size-lg, 1.125rem);font-weight:700;color:var(--color-volion-primary, #2080C0)}.hs-card-label.svelte-tguhlg{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #6b7280);line-height:1.2}