/* Nutrient Pairing — its own styles (the shared ones are core/tools.css). Scoped .chqt-np*.
   Not .chqt-check: that one strikes a ticked line through, which is right for a packing list and wrong here. */
.chqt-np-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; }
.chqt-np-item { display: flex; gap: 10px; align-items: center; min-height: 44px; padding: 4px 8px; border: 1px solid var(--chqt-line); border-radius: 10px; background: #fff; cursor: pointer; font-size: 16px; line-height: 1.3; }
.chqt-np-item input { width: 22px; height: 22px; margin: 0; flex: 0 0 22px; font-size: 16px; accent-color: var(--chqt-accent); }
.chqt-np-group { background: #fff; border: 1px solid var(--chqt-line); border-left-width: 4px; border-radius: 10px; padding: 10px 12px; margin: 0 0 10px; }
.chqt-np-group h3 { margin: 0 0 6px; font-size: 15px; letter-spacing: .02em; }
.chqt-np-group ul { margin: 0; padding-left: 18px; }
.chqt-np-group li { margin: 0 0 8px; font-size: 15px; line-height: 1.45; }
.chqt-np-group p { margin: 0; font-size: 15px; line-height: 1.45; }
.chqt-np-apart { border-left-color: #b4542b; }
.chqt-np-together { border-left-color: var(--chqt-accent); }
.chqt-np-balance { border-left-color: var(--chqt-gold); }
.chqt-np-fine, .chqt-np-none, .chqt-np-when { border-left-color: var(--chqt-line); }
.chqt-np-q { display: block; margin-top: 3px; font-size: 13px; color: var(--chqt-muted); }
.chqt-np-caution { display: block; margin-top: 4px; font-size: 13px; }
.chqt-np-med { margin-top: 6px; }
@media (max-width: 340px) { .chqt-np-grid { grid-template-columns: minmax(0, 1fr); } }