.card{background:var(--panel);border-radius:18px;padding:20px}.card--interactive{cursor:pointer;transition:background .16s,transform .16s}.card--interactive:hover{background:var(--surface)}.card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card__title{letter-spacing:-.01em;color:var(--text);font-size:16px;font-weight:600}.card__subtitle{color:var(--text-muted);margin-top:3px;font-size:13.5px}.card__action{flex-shrink:0}.card__body{color:var(--text-muted);margin-top:14px;font-size:14.5px;line-height:1.55}.card__header+.card__body{margin-top:16px}.card__footer{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:18px;padding-top:16px;display:flex}