/* fit.How calculators - form controls on top of blog.css */
.calc{margin-top:34px;background:var(--panel);border:1px solid var(--line);padding:26px 24px}
.calc .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ash)}
.field input,.field select{font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line);
  background:var(--paper);color:var(--ink);border-radius:0;width:100%}
.field input:focus,.field select:focus{outline:2px solid var(--ember);outline-offset:1px}
.go{margin-top:20px;font:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:14px 30px;background:var(--ember);color:#fff;border:0;cursor:pointer;width:100%}
.go:hover{background:var(--ember2)}
.results{margin-top:26px;display:none}
.results.show{display:block}
.res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.res{background:var(--paper);border:1px solid var(--line);padding:16px 16px 14px}
.res .v{font-family:var(--disp);font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.02em;
  color:var(--ink);font-variant-numeric:tabular-nums}
.res .v em{font-style:normal;font-size:.55em;color:var(--ash);font-weight:600;margin-left:3px}
.res .l{margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ash)}
.res.hot{border-color:var(--ember);background:var(--ember-soft)}
.res.hot .v{color:var(--ember2)}
.res-note{margin-top:14px;font-size:14.5px;color:var(--body);line-height:1.6}
.res-note strong{color:var(--ink)}
.warn{margin-top:14px;font-size:14px;padding:12px 14px;border:1px solid #c33;background:#fdf0ef;color:#8a2418}
table.zones{margin-top:16px;width:100%;border-collapse:collapse;font-size:14.5px}
table.zones th{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ash);
  text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
table.zones td{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--body);font-variant-numeric:tabular-nums}
table.zones td:first-child{font-weight:700;color:var(--ink)}
.calc-list{margin-top:14px;list-style:none;padding:0}
.calc-list li{padding-left:0;margin-top:0}
.calc-list li::before{display:none}
.calc-list a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:18px 0;border-top:1px solid var(--line);color:var(--ink)}
.calc-list li:last-child a{border-bottom:1px solid var(--line)}
.calc-list a:hover{text-decoration:none}
.calc-list .t{font-family:var(--disp);font-size:clamp(18px,2.4vw,23px);font-weight:700;letter-spacing:-.02em;
  transition:color .2s,transform .2s}
.calc-list a:hover .t{color:var(--ember);transform:translateX(6px)}
.calc-list .d{font-size:13.5px;color:var(--ash);max-width:46ch;text-align:right}
@media(max-width:640px){.calc .grid{grid-template-columns:1fr}.calc-list .d{display:none}}