.pattern-card.svelte-k5riew{position:relative;padding:16px;background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color .15s;cursor:default;outline:none}.pattern-card.svelte-k5riew:hover,.pattern-card.svelte-k5riew:focus-visible{border-color:var(--border-strong)}.pattern-header.svelte-k5riew{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.pattern-type.svelte-k5riew{font-size:14px;font-weight:600;letter-spacing:-.01em}.severity-badge.svelte-k5riew{font-size:11px;font-weight:600;padding:2px 10px;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0}.pattern-explanation.svelte-k5riew{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:10px}.pattern-highlight.svelte-k5riew{font-size:13px;font-style:italic;color:var(--fg);border-left:2px solid var(--border-strong);padding-left:12px;margin:0;line-height:1.5;opacity:.85}.tooltip.svelte-k5riew{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px 14px;z-index:20;box-shadow:0 8px 24px #0006;animation:svelte-k5riew-fadeIn .15s ease}.tooltip.svelte-k5riew p:where(.svelte-k5riew){font-size:12px;line-height:1.55;color:var(--fg);margin:0}@keyframes svelte-k5riew-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}