/* Layout advice in grid */
.advice-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
}

/* Style advice cards to make clear they are interactable */
.advice-card {
    cursor: pointer;
    transition: all 0.2s;
}

.advice-card h2 {
    margin: 0px !important;
}

.advice-card p {
    margin-top: 10px;
}

.advice-card:hover {
    transform: scale(1.025);
}