.ingredient-list .ingredient{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.5;text-align:left}
.ingredient-list .ingredient svg{width:20px;height:20px;flex:none;color:var(--forest-900,#244633)}
.ingredient-list .ingredient span{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.ingredient-list{gap:8px}.ingredient-list .ingredient{font-size:12px;padding:6px 9px}}

/* Shared line weight, palette and proportions with the ingredient pictograms. */
.spice-single-badge.spice-level-row{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 14px;margin:10px 0 12px;border:1px solid var(--line);border-radius:14px;background:transparent}
.spice-level-icon{display:inline-flex;flex:none;color:var(--forest-900,#244633)}
.spice-level-icon svg{width:26px;height:26px}
.spice-single-badge.spice-level-row strong{margin:0;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;color:var(--forest-900,#244633)}
.spice-level-marks{display:flex;gap:5px;flex:none;margin-left:auto}
.spice-level-marks>span{width:8px;height:8px;border:1px solid #bbc5ba;border-radius:50%;background:transparent}
.spice-level-marks>.is-active{background:var(--terracotta,#b55232);border-color:var(--terracotta,#b55232)}
.is-no-spice .spice-level-marks>.is-active{background:var(--forest-900,#244633);border-color:var(--forest-900,#244633)}
@media(max-width:380px){.spice-single-badge.spice-level-row{padding:10px 12px;gap:8px}.spice-level-marks{gap:4px}.spice-level-marks>span{width:7px;height:7px}}