/* ==================================================
   Bento
================================================== */

/* Bento Card */

.bento-card {
    min-width: 0;

    padding: 20px;

    border: 1px solid var(--color-border);
    border-radius: var(--radius-medium);

    background: var(--color-card-solid);

    box-shadow: var(--shadow-card);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;


    position: relative; /* tmp */
}

.bento-card:hover {
    transform: translateY(-3px);

    box-shadow: var(--shadow-card-hover);
}

/* Card label */

.card-label {
    margin: 0 0 7px;

    color: var(--color-primary-dark);

    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);

    letter-spacing: 0.13em;
}

.bento-card h3 {
    margin-bottom: 16px;
}

.bento-card h4 {
    margin-top: 16px;
    margin-bottom: 16px;
}