.card{transition:all .2s ease}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-l)}.card--clickable{cursor:pointer}.card--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-l)}.card--featured{border:2px solid var(--brand-medium);background:var(--brand-weak)}.card--outlined{background:rgba(0,0,0,0)}.card__header-action{display:flex;align-items:center;gap:8px}.card__body{flex:1 1}.card__footer{flex-shrink:0}