/* Калькулятор влажности. Все правила — внутри .hc-calc.
   Цвета — переменные --hc-*: сначала переменные темы (если есть), запасные значения — исходные цвета калькулятора.
   Перекрасить на другом сайте — переопределить --hc-* в теме. */
.hc-calc{
  --hc-bg:var(--paper,#F0EAD6);
  --hc-border:#d8ccb0;
  --hc-title:var(--teal-deep,#00695c);
  --hc-accent:var(--teal,#00897b);
  --hc-accent-hover:var(--teal-deep,#00695c);
  --hc-accent-ring:rgba(0,137,123,0.12);
  --hc-label:var(--ink-soft,#444);
  --hc-label-small:var(--ink-faint,#888);
  --hc-input-bg:#fff;
  --hc-input-border:#b0c4de;
  --hc-input-text:var(--ink,#222);
  --hc-corr-text:#555;
  --hc-result-bg:#fff;
  --hc-result-label:#555;
  --hc-details:#aaa;
  --hc-error-bg:#fff8e1;
  --hc-error-border:#f9a825;
  --hc-error-text:#6d4c00;
  --hc-hint:#bbb;
  --hc-font:Arial,sans-serif;

  font-family:var(--hc-font);
  max-width:460px;
  background:var(--hc-bg);
  border:1px solid var(--hc-border);
  border-radius:10px;
  padding:24px 22px;
  margin:0 auto;
  box-sizing:border-box;
  color:var(--hc-input-text);
  text-align:left;
}
.hc-calc *,.hc-calc *::before,.hc-calc *::after{box-sizing:border-box}

/* переключатель модели */
.hc-calc .hc-calc__switch{display:flex;gap:0;margin:0 0 16px;border:1px solid var(--hc-input-border);border-radius:6px;overflow:hidden;background:var(--hc-input-bg)}
.hc-calc .hc-calc__switch-opt{flex:1;margin:0;cursor:pointer}
.hc-calc .hc-calc__switch-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.hc-calc .hc-calc__switch-opt span{display:block;padding:9px 10px;font-size:14px;font-weight:600;text-align:center;color:var(--hc-label);transition:background .15s,color .15s}
.hc-calc .hc-calc__switch-opt + .hc-calc__switch-opt span{border-left:1px solid var(--hc-input-border)}
.hc-calc .hc-calc__switch-opt input:checked + span{background:var(--hc-accent);color:#fff}
.hc-calc .hc-calc__switch-opt input:focus-visible + span{box-shadow:inset 0 0 0 2px var(--hc-accent-hover)}

.hc-calc .hc-calc__title{margin:0 0 20px 0;padding:0;font-family:var(--hc-font);font-size:18px;font-weight:700;color:var(--hc-title);text-align:center;line-height:1.4;letter-spacing:normal}

.hc-calc table.hc-calc__grid{width:100%;border-collapse:collapse;margin:0;border:none;background:transparent}
.hc-calc table.hc-calc__grid td{padding:0 0 14px 0;vertical-align:bottom;border:none;background:transparent}
.hc-calc table.hc-calc__grid td.hc-calc__td-main{padding-right:10px}
.hc-calc table.hc-calc__grid td.hc-calc__td-corr{width:95px}

.hc-calc label.hc-calc__lbl{display:block;font-size:13px;color:var(--hc-label);margin:0 0 4px;font-weight:600;letter-spacing:normal}
.hc-calc label.hc-calc__lbl-small{display:block;font-size:11px;color:var(--hc-label-small);margin:0 0 4px;font-weight:400;letter-spacing:normal}

.hc-calc input.hc-calc__inp{display:block;width:100%;margin:0;padding:10px;font-family:var(--hc-font);font-size:15px;border:1px solid var(--hc-input-border);border-radius:5px;background:var(--hc-input-bg);color:var(--hc-input-text);min-height:0;line-height:normal;box-shadow:none}
.hc-calc input.hc-calc__inp:focus{border-color:var(--hc-accent);outline:none;box-shadow:0 0 0 3px var(--hc-accent-ring)}
.hc-calc input.hc-calc__inp-corr{display:block;width:100%;margin:0;padding:10px 6px;font-family:var(--hc-font);font-size:14px;border:1px solid var(--hc-input-border);border-radius:5px;background:var(--hc-input-bg);color:var(--hc-corr-text);text-align:center;min-height:0;line-height:normal;box-shadow:none}
.hc-calc input.hc-calc__inp-corr:focus{border-color:var(--hc-accent);outline:none}

/* !important — только у кнопки, против чужих стилей кнопок */
.hc-calc button.hc-calc__btn{display:block !important;width:100% !important;padding:13px !important;background:var(--hc-accent) !important;color:#fff !important;font-family:var(--hc-font) !important;font-size:16px !important;font-weight:600 !important;line-height:1.2 !important;border:none !important;border-radius:6px !important;cursor:pointer !important;margin-top:18px !important;box-shadow:none !important;text-shadow:none !important;text-transform:none !important}
.hc-calc button.hc-calc__btn:hover{background:var(--hc-accent-hover) !important}

.hc-calc .hc-calc__result{margin-top:18px;padding:16px 14px;background:var(--hc-result-bg);border:2px solid var(--hc-accent);border-radius:8px;text-align:center;display:none}
.hc-calc .hc-calc__pct{font-size:52px;font-weight:700;color:var(--hc-accent);line-height:1}
.hc-calc .hc-calc__lbl-res{font-size:15px;color:var(--hc-result-label);margin-top:5px}
.hc-calc .hc-calc__details{font-size:12px;color:var(--hc-details);margin-top:8px;line-height:1.6}
.hc-calc .hc-calc__error{margin-top:14px;padding:11px 13px;background:var(--hc-error-bg);border:1px solid var(--hc-error-border);border-radius:5px;font-size:13px;color:var(--hc-error-text);display:none;line-height:1.5}
.hc-calc .hc-calc__hint{font-size:11px;color:var(--hc-hint);margin:14px 0 0;text-align:center;line-height:1.7}