/* Cooking with kids (task 823.33): /cooking-with-kids. Classes start with "kid-". */
.kid-note { margin: 16px 0; padding: 12px 16px; border-radius: 12px; background: var(--honey-soft); border-left: 4px solid var(--accent); }
.kid-note p { margin: 0; }
.kid-filters { margin: 18px 0 8px; }
.kid-filters .chip-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 10px; }
.kid-n { opacity: .8; font-weight: 400; }
.chip.on .kid-n { opacity: 1; } /* on the dark selected chip .8 drops to 4.26:1 (task 823.46) */
.kid-total { margin: 6px 0 14px; }
.kid-card { display: flex; flex-direction: column; min-width: 0; }
.kid-card > :first-child { flex: 1; }
.kid-share { margin: 6px 4px 0; }
.kid-how { max-width: 72ch; }