/* Vitamin D Dose Calculator — its own styles (the shared ones are core/tools.css). Scoped .chqt-vd*. */
.chqt-vd-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.chqt-vd-units { flex-wrap: nowrap; gap: 6px; }
.chqt-vd-units button { padding: 8px 12px; }
.chqt-vd-bar { position: relative; height: 22px; border-radius: 11px; background: #f6e2c9; border: 1px solid var(--chqt-line); overflow: hidden; }
.chqt-vd-bar__ok { position: absolute; left: 0; top: 0; bottom: 0; background: #cfe3dc; }
.chqt-vd-bar__rda { position: absolute; top: 0; bottom: 0; width: 2px; background: var(--chqt-accent); }
.chqt-vd-bar__you { position: absolute; top: -2px; bottom: -2px; width: 4px; margin-left: -2px; background: var(--chqt-ink); }
.chqt-vd-scale { margin: 0; font-size: 13.5px; color: var(--chqt-muted); }
.chqt-answer[data-status="over"] { color: #8f2f27; }
.chqt-vd-med { margin-top: 6px; }
@media (max-width: 420px) { .chqt-vd-row { grid-template-columns: minmax(0, 1fr); } }