.alan-recipe-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.alan-recipe-card {
    overflow: hidden;
}

.alan-recipe-card img {
    display: block;
    width: 100%;
    height: 210px;
    object-fit: cover;
}

.alan-recipe-card h3 {
    margin-top: 0;
}

.alan-recipe-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.alan-recipe-hero {
    display: block;
    width: 100%;
    max-height: 650px;
    object-fit: contain;
}

.alan-recipe-facts {
    margin: 24px -16px;
}

.alan-recipe-directions li {
    margin-bottom: 12px;
}

@media screen and (max-width: 800px) {
    .alan-recipe-grid,
    .alan-recipe-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 600px) {
    .alan-recipe-grid,
    .alan-recipe-category-grid {
        grid-template-columns: 1fr;
    }
}