.component-card{flex-direction:column;min-height:160px;padding:20px;text-decoration:none;transition:border-color .2s;display:flex}.component-card__content{flex:1;align-items:flex-start;gap:12px;display:flex}.component-card__icon-wrapper{border-radius:var(--radius-sm);background-color:var(--bg-secondary);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.component-card__schematic{flex-shrink:0;width:48px;height:48px}.component-card__info{flex:1;min-width:0}.component-card__name{font-family:var(--font-sans);color:var(--color-dark);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:14px;font-weight:500;line-height:1.3}.component-card__description{font-family:var(--font-serif);color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.component-card__meta{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.component-card__library-badge{text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--color-subtle);background-color:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border);padding:2px 10px;font-size:10px;display:inline-block;overflow:hidden}.component-card__badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.component-card__pin-badge{font-family:var(--font-mono);letter-spacing:.5px;color:var(--color-muted);background-color:var(--bg-secondary);border-radius:var(--radius-full);flex-shrink:0;padding:2px 8px;font-size:10px;display:inline-block}.component-card__fp-badge{font-family:var(--font-mono);letter-spacing:.5px;color:var(--color-subtle);background-color:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:3px;padding:2px 8px;font-size:10px;display:inline-flex}.component-card__fp-badge--linked{color:var(--color-dark);border-color:var(--color-border-strong)}.component-card__fp-badge--linked svg{opacity:.7}