/* Potassium Supplement Calculator — its own styles (the shared ones are core/tools.css). Scoped .chqt-k-*. */
.chqt-k-mode { margin-top: 0; }
.chqt-k-bar { position: relative; height: 18px; border-radius: 9px; overflow: hidden; border: 1px solid var(--chqt-line); background: #fff; }
.chqt-k-fill { position: absolute; left: 0; top: 0; bottom: 0; width: 4%; min-width: 3px; background: var(--chqt-accent); }
.chqt-k-med { margin-top: 6px; }
@media (max-width: 460px) { .chqt[data-tool="potassium-supplement-calculator"] .chqt-lede, .chqt[data-tool="potassium-supplement-calculator"] .chqt-kicker, .chqt[data-tool="potassium-supplement-calculator"] .chqt-form .chqt-hint { display: none; } }
/* the live header is ~123 px taller than the preview's: tighter gaps keep the answer on the 390×664 first screen */
@media (max-width: 460px) { .chqt[data-tool="potassium-supplement-calculator"] .chqt-form { gap: 8px; } .chqt[data-tool="potassium-supplement-calculator"] .chqt-grid { gap: 10px; } }