/* Calculator pages — sits on top of main.css and reuses its tokens. */
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.tool-grid .panel{margin:0}
.tfields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tfield{display:flex;flex-direction:column;gap:6px}
.tfield label{font-size:.82rem;font-weight:600;color:var(--tx-2)}
.inw{position:relative;display:flex;align-items:center}
.inw input,.inw select{width:100%;background:var(--bg-2);border:1px solid var(--line-2);border-radius:10px;
  color:var(--tx);padding:11px 42px 11px 13px;font:inherit;font-size:.95rem}
.inw select{padding-right:13px;cursor:pointer}
.inw input:focus,.inw select:focus{outline:2px solid rgba(217,164,65,.5);outline-offset:1px;border-color:transparent}
.suf{position:absolute;right:12px;font-size:.82rem;color:var(--tx-3);pointer-events:none}
.inw select+.suf{display:none}
.thint{font-size:.76rem;color:var(--tx-3)}

.cpick{display:flex;gap:7px;margin-bottom:20px;flex-wrap:wrap}
.cbtn{padding:9px 14px;border-radius:999px;border:1px solid var(--line-2);background:transparent;
  color:var(--tx-2);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:.18s}
.cbtn:hover{border-color:var(--amber)}
.cbtn.on{background:var(--surface-2);color:var(--tx);border-color:transparent}

.res{position:sticky;top:calc(var(--nav-h) + 16px)}
.rtab{width:100%;border-collapse:collapse;font-size:.93rem;margin-top:6px}
.rtab td{padding:11px 0;border-top:1px solid var(--line)}
.rtab td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rtab tr:first-child td{border-top:0}
.rtab tr.big td{font-weight:800;font-size:1.05rem;color:var(--tx)}
.rtab tr.big td:last-child{color:var(--amber)}
.rtab tr.neg td:last-child{color:#E9A297}

.tool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:26px}
.tool-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line-2);
  border-radius:16px;background:var(--surface);text-decoration:none;transition:.2s var(--ease)}
.tool-card:hover{border-color:rgba(217,164,65,.6);transform:translateY(-3px)}
.tc-name{font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--tx)}
.tc-desc{font-size:.88rem;color:var(--tx-2);line-height:1.5}
.tc-go{font-size:.82rem;color:var(--amber);font-weight:700;margin-top:4px}
ul.src{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px;font-size:.9rem}
ul.src a{color:var(--amber)}

@media(max-width:900px){
  .tool-grid{grid-template-columns:1fr}
  .res{position:static}
}
@media(max-width:560px){.tfields{grid-template-columns:1fr}}