.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:box-shadow .15s,border-color .15s;overflow:hidden}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000f}.card__header{justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.card__title{color:var(--color-text-primary);margin:0;font-size:.95rem;font-weight:600}.card__body{padding:12px 20px 16px}.card__footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);padding:12px 20px;font-size:.8rem}