/* ---------- CARDS ---------- */
.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 20px;
}

.card {
    background: #f1f3f4;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.card h3 {
    color: #0c166f;
    margin-bottom: 10px;
}

/* ---------- LIST ---------- */
ul {
    padding-left: 20px;
}

ul li {
    margin-bottom: 8px;
}