/* ── Helper ── */
.subtle {
    color: var(--oo-gray-400);
}


/* ── Cards ── */
.simple-card {
    padding: var(--oo-space-3) var(--oo-space-4) var(--oo-space-4);
    background: var(--oo-color-surface);
    border: var(--oo-border-width) solid var(--oo-color-border);
    border-radius: var(--oo-radius-md);
}

    .simple-card:hover {
        box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    }

.shadow-card {
    padding: var(--oo-space-3);
    border: 0.15rem solid var(--oo-gray-100);
    border-radius: var(--oo-radius-md);
    background: var(--oo-gray-50);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

    .shadow-card:hover {
        border-color: var(--oo-gray-200);
    }