.recommendation-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .85rem;
}

.recommendation-actions form { margin: 0; }

.recommendation-action {
    background: transparent;
    border: 1px solid var(--border-color, #d9d9d2);
    border-radius: 999px;
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: .38rem .62rem;
}

.recommendation-action:hover,
.recommendation-action:focus-visible,
.recommendation-action.is-active {
    background: var(--primary-color, #4d7c59);
    border-color: var(--primary-color, #4d7c59);
    color: #fff;
}

.personal-recipe-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.personal-recipe-card {
    background: #fff;
    border: 1px solid #e6e3dc;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.personal-recipe-card__image {
    align-items: center;
    background: #f3f1eb;
    color: #6e745e;
    display: flex;
    height: 150px;
    justify-content: center;
    overflow: hidden;
}

.personal-recipe-card__image img { height: 100%; object-fit: cover; width: 100%; }
.personal-recipe-card__body { display: flex; flex: 1; flex-direction: column; padding: 1rem; }
.personal-recipe-card__body h3 { font-size: 1.06rem; margin: .1rem 0; }
.personal-recipe-card__body h3 a { color: inherit; text-decoration: none; }
.personal-recipe-card__reason { color: #53705a; font-size: .86rem; margin: 0; }
.personal-recipe-card__meta { color: #69706c; font-size: .9rem; margin: .45rem 0 0; }

.cooking-feedback-card {
    align-items: center;
    background: #f1f7ed;
    border: 1px solid #b7d2ad;
    border-radius: 12px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin: 1.25rem 0;
    padding: 1rem 1.25rem;
}

.cooking-feedback-card__eyebrow { color: #52745b; font-weight: 700; margin: 0; }
.cooking-feedback-card h2 { font-size: 1.1rem; margin: .2rem 0; }
.cooking-feedback-card p:not(.cooking-feedback-card__eyebrow) { margin: 0; }
.cooking-feedback-card__actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.cooking-feedback-card__actions form { margin: 0; }
.cooking-feedback-card__actions button { background: #fff; border: 1px solid #8bb384; border-radius: 6px; cursor: pointer; font: inherit; padding: .45rem .7rem; }

@media (max-width: 640px) {
    .cooking-feedback-card { align-items: flex-start; flex-direction: column; }
}