/* Pregnancy food check (lane bc-food-ttc): match chips, quote cards and the caffeine counter.
   Solid grounds only behind text (no texture); 44px targets; wraps at 375px. */
.pf-matches{margin:var(--space-2,8px) 0 0}
.pf-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pf-chip{min-height:44px;padding:8px 14px;border:3px solid var(--outline);border-radius:var(--radius-btn,999px);background:var(--card);color:var(--ink);font:700 .9375rem/1.25 var(--font-body,inherit);text-align:left;cursor:pointer}
.pf-chip.is-on,.pf-chip[aria-pressed="true"]{background:var(--stage-expecting);color:var(--stage-expecting-on);border-color:var(--stage-expecting)}
.pf-chip:focus-visible{outline:3px solid var(--focus,var(--stage-expecting));outline-offset:2px}
.pf-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:12px 16px;margin:var(--space-2,8px) 0 var(--space-4,16px)}
.pf-counter label{display:block;font-weight:700;margin:0 0 6px}
.pf-stepper{display:flex;gap:8px;align-items:center}
.pf-stepper input{flex:1 1 120px;min-width:0;max-width:12rem;min-height:44px;text-align:center}
.pf-step{flex:none;min-width:44px;min-height:44px;padding:0;font-size:1.25rem;line-height:1}
.pf-quotes{display:grid;gap:12px;margin:0 0 var(--space-3,12px)}
.pf-quote{margin:0;padding:12px 14px;border:3px solid var(--outline);border-left-width:8px;border-left-color:var(--stage-expecting);border-radius:var(--radius-field,12px);background:var(--card)}
.pf-quote p{margin:0 0 6px;overflow-wrap:anywhere}
.pf-quote footer{font-size:.875rem;font-weight:700;color:var(--muted)}
.pf-caffeine-table{width:100%;margin:var(--space-2,8px) 0}
.pf-kopi-note{margin:var(--space-2,8px) 0}
.pf-more-drinks{margin:0 0 var(--space-4,16px)}
.pf-more-drinks .pf-counters{margin-top:var(--space-3,12px)}
body[data-tool] .pf-quote p,body[data-tool] #pf-quotes .data-meta,body[data-tool] .guide-health-note p{max-width:60ch}
#pf-r-says{white-space:normal;overflow-wrap:anywhere}
.pf-browse{margin-top:var(--space-3,12px)}
.pf-browse summary{min-height:44px;display:flex;align-items:center;font-weight:800;cursor:pointer}
.pf-group{margin:var(--space-3,12px) 0 0;font-weight:800}
body[data-tool] .results p.small{max-width:60ch}
