/* Each change group is a small browsing shelf, even in a very large family. */
.ingredient-browser-heading {display:flex;align-items:baseline;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin-bottom:13px}
.ingredient-browser-heading .ingredient-view-note {margin:0;max-width:710px}
.ingredient-matching-total {font-size:11px;font-weight:700;color:#536c50;white-space:nowrap}
.ingredient-type-filters {display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 0 16px;margin-bottom:17px;border-bottom:1px solid #d2dec9}
.ingredient-type-filters>.chip {display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;white-space:normal;line-height:1.4;font-size:11px;text-align:left}
.ingredient-type-filters>.chip>span {font-size:10px;font-weight:800;opacity:.85}
.ingredient-group-heading {display:flex;align-items:baseline;justify-content:space-between;gap:8px 18px;flex-wrap:wrap;margin-bottom:10px}
.ingredient-group-heading>h2 {font-size:23px;margin:0;display:flex;align-items:center;gap:10px}
.ingredient-group-heading>h2>span {font:700 11px var(--sans);color:#546e51;background:#e4ecd9;border-radius:20px;padding:4px 8px}
.ingredient-group-count {font-size:11px;line-height:1.5;color:#5f755d;white-space:nowrap}
.ingredient-group-actions {display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.ingredient-group-actions>.btn,.ingredient-group-actions>.text-link,.ingredient-group-pagination>.btn {min-height:40px}
.ingredient-group-actions>.text-link {display:inline-flex;align-items:center;font-size:12px}
.ingredient-group-pagination {display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-left:auto}
.ingredient-group-pagination>span {font-size:11px;color:#5f755d}
.ingredient-original .ingredient-version-grid {max-width:540px}
.ingredient-selected-context {padding:14px;margin:18px 0;border:1px solid #c69e76;border-radius:13px;background:#f6eee1}
.ingredient-selected-context>.tinycaps {margin:0 0 9px;line-height:1.5;color:#795735}
.ingredient-selected-context>.ingredient-version {max-width:700px}
.ingredient-selected-context .ingredient-version.is-context {opacity:1}
.ingredient-empty p {margin:0 0 8px}
html[data-theme="dark"] .page :is(.ingredient-matching-total,.ingredient-group-count,.ingredient-group-pagination>span) {color:var(--theme-muted)}
html[data-theme="dark"] .page .ingredient-type-filters {border-color:var(--theme-line)}
html[data-theme="dark"] .page .ingredient-group-heading>h2>span {background:var(--theme-raised);color:var(--theme-muted)}
html[data-theme="dark"] .page .ingredient-selected-context {background:#354130;border-color:#897452}
html[data-theme="dark"] .page .ingredient-selected-context>.tinycaps {color:#f0c49b}
@media(max-width:640px){
 .ingredient-type-filters {gap:6px}
 .ingredient-type-filters>.chip {min-height:44px;font-size:10px;padding:8px 10px}
 .ingredient-group-heading {gap:5px;margin-bottom:10px}
 .ingredient-group-heading>h2 {font-size:22px}
 .ingredient-group-count {font-size:10px}
 .ingredient-group-actions {gap:11px}
 .ingredient-group-actions>.btn,.ingredient-group-actions>.text-link,.ingredient-group-pagination>.btn {min-height:44px}
 .ingredient-group-pagination {margin-left:0;flex-basis:100%;justify-content:space-between;gap:7px}
 .ingredient-group-pagination>.btn {padding:8px 10px;font-size:11px}
 .ingredient-selected-context {padding:10px}
}