/* Calculator pages: form layout on top of the corporate design system (css/corporate.css). */
.calculator-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:start}
.calculator{padding:36px;background:var(--soft);border-top:3px solid var(--blue);min-width:0}
.calculator h2{font-size:30px}
.calculator .note{margin-top:0}
.calc-group{border:0;padding:0;margin:0 0 26px;min-width:0}
.calc-group legend{display:block;padding:0;margin-bottom:14px;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--blue)}
.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.calc-grid .field{min-width:0}
.calc-grid .field.full{grid-column:1/-1}
.field select{width:100%;max-width:100%;background:#fff;border:1px solid #b6c6d0;border-radius:0;padding:12px;color:var(--ink);min-height:52px}
.field input{min-width:0}
.field input[readonly]{background:#e6edf1;border-color:#c7d4dc;color:var(--navy);font-weight:600}
.field-unit{display:flex;gap:10px;align-items:stretch}
.field-unit input{flex:1 1 auto}
.field-unit select{flex:0 0 auto;width:auto;min-width:88px}
.field-button{display:flex;align-items:flex-end}
.field-button .button{min-height:52px;color:var(--navy);border-color:#8aa0ae}
.field-button .button:hover{background:#dfeaf0}
.calc-actions{display:flex;gap:14px;flex-wrap:wrap;margin:4px 0 28px}
.calc-actions .button{gap:16px}
.calc-actions .button.outline{color:var(--navy);border-color:#8aa0ae}
.calc-actions .button.outline:hover{background:#dfeaf0}
.calc-results{margin-bottom:0}
.calculator-aside h3{font-size:21px;margin-bottom:14px}
.calculator-aside h3+h3,.calculator-aside .resources-grid+h3{margin-top:34px}
.calculator-aside p,.calculator-aside li{font-size:14px;color:var(--muted)}
.calculator-aside ol{padding-left:20px;margin:0 0 22px}
.calculator-aside li{margin-bottom:6px}
.calculator-aside a:not(.resource){color:var(--blue)}
.calculator-aside .resources-grid{grid-template-columns:1fr;margin-top:30px}
.calculator-aside .resource{padding:16px 0}
.calculator-aside .resource strong{font-size:16px}
@media(max-width:980px){.calculator-layout{grid-template-columns:1fr;gap:44px}}
@media(max-width:700px){.calculator{padding:25px 20px}.calculator h2{font-size:26px}.calc-grid{grid-template-columns:1fr}.calc-grid .field.half{grid-column:auto}.field-unit select{min-width:78px}}
@media print{.calc-actions,.field-button{display:none}.calculator{padding:0;border:0;background:#fff}}
