.calculator-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 28px 0; }
.calculator-panel { padding: 24px; border: 1px solid #dfe6ed; border-radius: 16px; background: #f6f8fb; min-width: 0; }
.calculator-panel fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.calculator-panel legend { font-size: 1.35rem; font-weight: 600; margin-bottom: 18px; color: #00295b; }
.calculator-panel label { display: block; font-weight: 500; margin: 16px 0 6px; }
.calculator-panel input { box-sizing: border-box; width: 100%; font: inherit; padding: 12px; border: 1px solid #8797a8; border-radius: 8px; background: #fff; color: #172d44; }
.calculator-panel input:focus-visible, .calculator-panel button:focus-visible { outline: 3px solid #bf6a3c; outline-offset: 3px; }
.calculator-panel button { margin-top: 20px; cursor: pointer; }
.calculator-panel [data-result] { padding-top: 16px; font-weight: 500; line-height: 1.65; }
.calculator-panel [data-error] { color: #9b241d; font-weight: 500; margin-top: 12px; }
.calculator-panel .calculator-note { font-size: .9rem; margin: 8px 0; }
@media (max-width: 700px) { .calculator-grid { grid-template-columns: 1fr; } .calculator-panel { padding: 18px; } }