.recipe-optional-toggles {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1.25rem 0;
}

.recipe-ingredients {
    margin: 2rem 0;
    padding: 1.25rem;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .25);
}

.recipe-ingredients legend {
    font-family: Georgia, serif;
    font-size: 1.25rem;
    padding: 0 .5rem;
}

.ingredient-row {
    padding: 1rem 0;
    border-bottom: 1px solid var(--line);
}

.ingredient-row:first-child {
    padding-top: 0;
}

.ingredient-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.ingredient-fields {
    align-items: end;
}

.ingredient-actions {
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
}

#add-ingredient {
    margin-top: 1rem;
}

.ingredient-name[readonly] {
    background: #f0ede6;
    color: var(--muted);
}