.ingredient-row { border-bottom: 1px solid var(--border); padding: var(--space-2) 0; }
.ingredient-row summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); cursor: pointer; list-style: none; }
.ingredient-row summary::-webkit-details-marker { display: none; }
.ingredient-row form { padding-top: var(--space-2); }
.food-browser { margin-top: var(--space-3); }
.food-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-2); margin-top: var(--space-3); }
.food-items span { display: grid; gap: var(--space-1); padding: var(--space-2); background: var(--surface-subtle); border-radius: var(--radius-sm); }
@media (max-width: 760px) { .ingredient-row summary span:first-child { min-width: 0; overflow-wrap: anywhere; } }
