/* Hardness converter: builds on softener-calculator.css (.hwiq-calc base styles). */
.hwiq-hardness .hc-badge-row { margin: 0; }
.hwiq-hardness .hc-badge { display: inline-block; padding: 4px 14px; border-radius: 999px; font-weight: 700; font-size: 15px; background: var(--sky); color: var(--blue-dark); }
.hwiq-hardness .hc-soft { background: var(--green-soft); color: #1f6b22; }
.hwiq-hardness .hc-moderate { background: var(--sky); color: var(--blue-dark); }
.hwiq-hardness .hc-hard { background: #fdf0e1; color: #8a4b0f; }
.hwiq-hardness .hc-very-hard { background: #fbe7e4; color: #9b2c1f; }
.hwiq-hardness .hc-next a { color: #9fd4f5; font-weight: 700; }
.hwiq-hardness .hc-next a:hover { color: #fff; }
.hwiq-hardness .calc-facts strong { white-space: nowrap; font-variant-numeric: tabular-nums; }