/* /tools/ calculators. New file on purpose: /assets is cached immutable for 30d. */
.calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;margin:24px 0 0;padding:18px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius,18px)}
.tf{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--ink)}
.tf small{color:var(--ink-3);font-weight:400}
.tf input,.tf select{font:inherit;padding:10px 12px;border:1px solid var(--line-2,var(--line));border-radius:var(--radius-sm,12px);background:var(--bg);color:var(--ink);min-height:44px;width:100%;box-sizing:border-box}
.tf input:focus,.tf select:focus{outline:2px solid var(--ring,#10b981);outline-offset:1px}
.calc .btn{min-height:44px}
.calc-out{margin:14px 0 0;padding:18px;border-radius:var(--radius,18px);background:var(--bg-tint);border:1px solid var(--line)}
.calc-out .big{font-size:2.2rem;font-weight:800;color:var(--brand-600);line-height:1.2}
.calc-out .big small{font-size:1rem;font-weight:600;color:var(--ink-2)}
.calc-out .res{margin:8px 0 0;padding:0 18px 0 0}
.tools-list li p{margin:4px 0 12px}