.csp-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
}

.csp-card {
    background: #fff;
    border: 1px solid #eee;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.csp-card img { width: 100%; height: 300px !important; object-fit: cover; }
.csp-content{padding: 20px;}
.csp-content h3 { font-size: 1.1rem; margin: 10px 0; min-height: 3em; }
.csp-date { color: #919191; font-size: 0.9rem;text-align: center; }
.csp-read-more { 
    display: block; 
    margin-top: 10px; 
    font-weight: bold; 
    color: #000; 
    text-decoration: none; 
}

/* Responsivitate */
@media (max-width: 1024px) { .csp-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .csp-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .csp-grid { grid-template-columns: 1fr; } }