.card {
    overflow: hidden;
    background-color: var(--card-bg-gray, #f0f0f0);
}

.card .img-container {
    height: 220px;
    background-color: #f0f0f0;
}

.card img {
    height: 220px;
    width: 100%;
    object-fit: cover;
    background-color: white;
}

.card-content {
    padding: 20px;
}

.card-content h2 {
    font-size: 1.25rem;
    line-height: 1.3;
    color: var(--card-title);
    cursor: pointer;
    text-decoration: none;
    margin: 0;
}

a {
    text-decoration: none;
}

.card-content h2:hover {
    text-decoration: underline;
}

.card-content p {
    padding-top: 20px;
    line-height: 1.55;
    color: var(--card-content);
}