.power-factor-calculator {
  margin-top: 28px;
  padding: clamp(20px, 4vw, 32px);
  border: 1px solid #c9d7ec;
  border-radius: 12px;
  background: #f3f7ff;
}
.power-factor-calculator h3 { margin-top: 0; }
.power-factor-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.power-factor-fields label { display: grid; gap: 8px; font-weight: 700; }
.power-factor-fields input {
  width: 100%; min-height: 48px; box-sizing: border-box; padding: 10px 12px;
  border: 1px solid #8292ae; border-radius: 6px; background: #fff; color: #152441; font: inherit;
}
.power-factor-calculator button {
  margin-top: 20px; min-height: 48px; padding: 10px 24px; border: 0;
  border-radius: 6px; background: #2550d6; color: #fff; font: inherit; font-weight: 700; cursor: pointer;
}
.power-factor-calculator :is(input, button):focus-visible { outline: 3px solid #e86600; outline-offset: 3px; }
#power-factor-result { display: block; margin-top: 20px; font-size: 1.1rem; font-weight: 700; line-height: 1.8; }
#power-factor-error { color: #a32220; }
@media (max-width: 560px) { .power-factor-fields { grid-template-columns: 1fr; } }