.card {
    display: flex;
    flex-direction: column;
    border: solid 1px var(--border);
    border-radius: var(--radius-md);
    padding: var(--space);
    gap: var(--space);
}

.card.bg-surface {
    background: var(--surface);
}

a.card.bg-surface:hover {
    background: var(--surface-sunken);
}

.card.bg-surface-sunken {
    background: var(--surface-sunken);
}

.card-header {
    font-weight: 500;
}

.card-body {
    flex: 1;
}