.pump-cost-calculator {
  box-sizing: border-box;
  margin: 24px 0 32px;
  padding: clamp(20px, 4vw, 32px);
  border: 1px solid #c8d7ce;
  border-radius: 16px;
  background: #f4f8f5;
  color: #21362b;
  max-width: 760px;
}
.pump-cost-calculator * { box-sizing: border-box; }
.pump-cost-calculator .pump-cost-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.pump-cost-calculator label { display: block; font-size: 16px; font-weight: 700; line-height: 1.4; margin: 0 0 8px; }
.pump-cost-calculator .pump-cost-input { display: flex; align-items: center; background: #fff; border: 1px solid #8caa98; border-radius: 8px; overflow: hidden; }
.pump-cost-calculator .pump-cost-input:focus-within { outline: 3px solid #16704b; outline-offset: 2px; }
.pump-cost-calculator input[type="number"] { width: 100%; min-width: 0; height: 48px; margin: 0; padding: 10px 12px; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: #21362b; font: inherit; font-size: 18px; }
.pump-cost-calculator input:focus { outline: none; }
.pump-cost-calculator input[aria-invalid="true"] { box-shadow: inset 0 0 0 2px #a22d22; }
.pump-cost-calculator .pump-cost-unit { flex-shrink: 0; padding: 0 12px 0 4px; color: #53665b; font-size: 14px; }
.pump-cost-calculator .pump-cost-error { display: block; margin-top: 6px; color: #a22d22; font-size: 14px; line-height: 1.4; }
.pump-cost-calculator .pump-cost-error:empty { display: none; }
.pump-cost-calculator button { width: 100%; min-height: 48px; height: auto; margin: 24px 0 0; padding: 12px 20px; border: 0; border-radius: 8px; background: #245c3a; color: #fff; font-size: 17px; font-weight: 700; line-height: 1.4; letter-spacing: 0; text-transform: none; cursor: pointer; }
.pump-cost-calculator button:hover { background: #19482b; }
.pump-cost-calculator button:focus-visible { outline: 3px solid #16704b; outline-offset: 3px; }
.pump-cost-calculator button:disabled { opacity: .6; cursor: wait; }
.pump-cost-calculator button { max-width: none; }
.pondpumpelectricitycostcalculator #main-content > table { display: block; max-width: 100%; overflow-x: auto; }
.pump-cost-calculator .pump-cost-message { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: #53665b; }
.pump-cost-calculator .pump-cost-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.pump-cost-calculator [hidden] { display: none !important; }
.pump-cost-calculator .pump-cost-result { padding: 20px; background: #fff; border: 1px solid #c8d7ce; border-radius: 10px; min-width: 0; }
.pump-cost-calculator .pump-cost-result:first-child { background: #e2eee5; border-color: #90b49b; }
.pump-cost-calculator .pump-cost-result h3 { margin: 0 0 10px; font-size: 16px; line-height: 1.4; color: #21362b; }
.pump-cost-calculator .pump-cost-amount { display: block; font-size: clamp(26px, 4vw, 36px); font-weight: 700; line-height: 1.2; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.pump-cost-calculator .pump-cost-energy { margin: 8px 0 0; font-size: 14px; line-height: 1.5; color: #53665b; overflow-wrap: anywhere; }
@media (max-width: 520px) {
  .pump-cost-calculator .pump-cost-fields, .pump-cost-calculator .pump-cost-results { grid-template-columns: 1fr; }
  .pump-cost-calculator .pump-cost-result { padding: 16px; }
}