/* /cheap-eats (task 823.36, "cost-"; never .hp, L067). Cards come from site.css; this adds the filter rows and the
   per-serving line under each card. */
.cost-label { color: var(--muted); max-width: 760px; }
.cost-label strong { color: var(--ink); }
.cost-filters { margin: 14px 0 6px; }
.cost-filters .chip-row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 6px 0; }
.cost-n { opacity: .8; font-weight: 400; }
.chip.on .cost-n { opacity: 1; } /* on the dark selected chip .8 drops to 4.26:1 (task 823.46) */
.cost-filters .cost-n { margin-left: .3em; } /* the chip is a flex box, which drops the space before the count */
.cost-total { margin: 8px 0 12px; }
.cost-card { display: flex; flex-direction: column; min-width: 0; }
.cost-card > :first-child { flex: 1; }
.cost-each { margin: 6px 2px 0; }
.cost-how-page { max-width: 760px; }
/* the plain page's Meal & Course sections (task 823.51) */
.cost-group { margin: 26px 0 8px; }
.cost-group > h2 { margin: 0 0 12px; }
.cost-more { margin: 10px 0 0; font-weight: 600; }