/* Prenatal Vitamin Label Checker — its own styles (the shared ones are core/tools.css). Scoped .chqt-pv*. */
.chqt-pv-lines { display: grid; gap: 8px; margin: 4px 0; }
.chqt-pv-row { padding: 8px 10px; border: 1px solid var(--chqt-line); border-left: 4px solid #9fc7b8; border-radius: 10px; background: #fff; }
.chqt-pv-row[data-band="part"] { border-left-color: #d69a2d; }
.chqt-pv-row[data-band="limit"], .chqt-pv-row[data-band="over"] { border-left-color: #c4532a; }
.chqt-pv-row[data-band="none"] { border-style: dashed; border-left-style: solid; border-left-color: var(--chqt-line); }
.chqt-pv-h { margin: 0; font-size: 15.5px; line-height: 1.35; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.chqt-pv-h a { font-weight: 700; color: var(--chqt-ink); white-space: nowrap; }
.chqt-pv-h b { font-variant-numeric: tabular-nums; }
.chqt-pv-st { color: var(--chqt-muted); font-size: 14.5px; }
.chqt-pv-how { margin: 4px 0 0; font-size: 14px; line-height: 1.4; color: var(--chqt-ink); }
.chqt-pv-src { margin: 4px 0 0; padding-left: 1.1em; font-size: 13.5px; line-height: 1.4; color: var(--chqt-muted); }
.chqt-pv-src:empty { display: none; }
/* vitamin D's unit sits inside its own box: a select without the box's border, its arrow tightened */
.chqt .chqt-input .chqt-pv-du { flex: 0 0 auto; width: auto; min-height: 44px; border: 0; border-radius: 10px; padding: 8px 26px 8px 6px; background-position: right 8px center; font-size: 16px; color: var(--chqt-muted); }
.chqt-pv-med { margin-top: 6px; }
/* on a phone the answer must clear the 390×664 first screen under the live header (VN49): the lede, the kicker and the
   tip (all said again in the copy below) step aside, and the gaps tighten — the Iron Panel Reader's four rows of pairs */
@media (max-width: 460px) {
  /* the live theme's header and title take ~240px of a 390x664 iPhone: the top (only the lede) goes, the
     fields sit closer, so the answer starts on the first screen */
  .chqt[data-tool="prenatal-vitamin-checker"] .chqt-top, .chqt[data-tool="prenatal-vitamin-checker"] .chqt-kicker, .chqt[data-tool="prenatal-vitamin-checker"] .chqt-pv-tip { display: none; }
  .chqt[data-tool="prenatal-vitamin-checker"] .chqt-form { gap: 6px; }
  .chqt[data-tool="prenatal-vitamin-checker"] .chqt-grid { gap: 8px; }
  .chqt[data-tool="prenatal-vitamin-checker"] .chqt-field { gap: 3px; }
  .chqt[data-tool="prenatal-vitamin-checker"] .chqt-label { font-size: 14px; line-height: 1.2; }
  .chqt[data-tool="prenatal-vitamin-checker"] select { font-size: 16px; padding: 10px 24px 10px 8px; background-position: right 8px center; }
  .chqt-pv-row { padding: 7px 8px; }
}