/* Калькуляторы: форма слева, результат справа; на телефоне в одну колонку */
.calc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start;margin:10px 0 60px}
.calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;padding:26px;border:1px solid #e3d7ca;border-radius:22px;background:#fff}
.calc-fields fieldset{grid-column:1/-1;border:0;padding:0;margin:0}
.calc-fields legend{font-weight:700;font-size:15px;margin-bottom:10px}
.calc-field label{display:block;font-size:14px;font-weight:600;color:#3d3340;margin-bottom:6px}
.calc-field small{display:block;font-size:12px;color:#7a6d78;margin-top:5px;line-height:1.35}
.calc-field input[type=number]{width:100%;font:inherit;font-size:17px;padding:11px 13px;border:1px solid #d9ccbf;border-radius:12px;background:#fffdfa;color:#221c24}
.calc-field input[type=number]:focus{outline:2px solid #ff5a1f;outline-offset:1px;border-color:#ff5a1f}
.calc-switch{display:flex;gap:10px;flex-wrap:wrap}
.calc-switch label{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #d9ccbf;border-radius:999px;font-size:14px;cursor:pointer;background:#fffdfa}
.calc-actions{grid-column:1/-1;display:flex;gap:12px}
.calc-actions button{font:inherit;font-size:14px;font-weight:600;padding:10px 16px;border-radius:12px;border:1px solid #d9ccbf;background:#f6efe7;color:#3d3340;cursor:pointer}
.calc-result{position:sticky;top:20px;padding:26px;border-radius:22px;background:#221c24;color:#fff8f2}
.calc-result h2{font-size:20px;margin:0 0 16px;color:#fff}
.calc-main{font-size:44px;font-weight:800;line-height:1.1;margin:0 0 4px}
.calc-main-label{font-size:14px;color:#cdbfc9;margin:0 0 20px}
.calc-result dl{display:grid;grid-template-columns:1fr auto;gap:10px 16px;margin:0;font-size:15px}
.calc-result dt{color:#d9ccd6}
.calc-result dd{margin:0;font-weight:700;text-align:right;white-space:nowrap}
.calc-result [data-sign=plus]{color:#7be0a5}
.calc-result [data-sign=minus]{color:#ff9a80}
.calc-note{font-size:13px;color:#cdbfc9;margin:18px 0 0;line-height:1.45}
.calc-compare{grid-column:1/-1;width:100%;border-collapse:collapse;font-size:15px}
.calc-compare th,.calc-compare td{padding:8px 6px;border-bottom:1px solid #eee3d8;text-align:left}
.calc-compare td input{width:100%;font:inherit;font-size:16px;padding:8px 10px;border:1px solid #d9ccbf;border-radius:10px}
.calc-static{display:none}
form.calc:not(.is-live)+.calc-static{display:block}
.calc-formula{font-family:Consolas,"Courier New",monospace;font-size:15px;background:#f6efe7;border-radius:12px;padding:14px 16px;overflow-x:auto;white-space:pre-wrap}
.calc-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:20px 0 70px}
.calc-hub a{display:block;padding:26px;border:1px solid #e3d7ca;border-radius:22px;background:#fff;text-decoration:none;color:inherit}
.calc-hub a:hover{border-color:#ff5a1f}
.calc-hub h2{font-size:22px;margin:0 0 10px}
.calc-hub p{color:#685d6b;margin:0}
.calc-text{max-width:860px}
.calc-text table{width:100%;border-collapse:collapse;margin:16px 0 22px;font-size:15px}
.calc-text th,.calc-text td{border-bottom:1px solid #e3d7ca;padding:9px 8px;text-align:left}
@media(max-width:900px){.calc{grid-template-columns:1fr}.calc-result{position:static}.calc-hub{grid-template-columns:1fr}}
@media(max-width:560px){.calc-fields{grid-template-columns:1fr;padding:18px}.calc-result{padding:20px}.calc-main{font-size:36px}}