/* Структура калькулятора. Цвета, шрифт, скругления — через переменные сайта. */
.calc {
  background: var(--calc-bg, #fff);
  color: var(--calc-fg, #111);
  font: 16px/1.5 var(--calc-font, system-ui, sans-serif);
  border: 1px solid var(--calc-line, #ddd);
  border-radius: var(--calc-radius, 12px);
  padding: 16px;
  max-width: 560px;
}
.calc * { box-sizing: border-box; }
.calc__title { margin: 0 0 12px; font-size: 20px; line-height: 1.3; }
.calc__label { display: block; color: var(--calc-muted, #666); margin: 0 0 4px; }
.calc__input {
  width: 100%; min-height: 44px; padding: 10px;
  font: inherit; color: inherit;
  background: var(--calc-bg, #fff);
  border: 1px solid var(--calc-line, #ddd);
  border-radius: var(--calc-radius, 8px);
}
.calc__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.calc__result { margin: 12px 0; white-space: pre-line; min-height: 1.5em; }
.calc__wa {
  display: inline-block; min-height: 44px; padding: 10px 16px;
  line-height: 24px; text-align: center; text-decoration: none;
  background: var(--calc-accent, #25d366); color: var(--calc-accent-fg, #fff);
  border: 0; border-radius: var(--calc-radius, 8px); cursor: pointer; font: inherit;
}
.calc__wa[aria-disabled="true"] { opacity: 0.5; pointer-events: none; }
.calc__note { color: var(--calc-muted, #666); font-size: 13px; margin: 12px 0 0; }
@media (max-width: 375px) {
  .calc__grid { grid-template-columns: 1fr; }
}
@media print {
  .calc__wa, .calc__grid { display: none; }
  .calc { border: none; padding: 0; max-width: none; }
}