.card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);cursor:pointer}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.image-wrapper{background:hsla(var(--color-brand-h), var(--color-brand-s), var(--color-brand-l), .12);color:var(--color-brand);transition:background-color var(--transition-base)}.card:hover .image-wrapper{background:hsla(var(--color-brand-h), var(--color-brand-s), var(--color-brand-l), .18)}.title,::slotted([slot=title]){transition:color var(--transition-fast)}.card:hover .title,.card:hover ::slotted([slot=title]){color:var(--color-brand)}::slotted([slot=icon]){font-size:1.75rem;color:var(--color-brand)!important}