/* CriptoFocus free tools (growth plan item 9, 2026-10-12) - on top of /blog/blog.css (same tokens) */
.tool-hero{padding:clamp(40px,7vw,72px) 0 8px;display:grid;gap:14px;max-width:760px}
.tool-hero h1{font-size:clamp(36px,6vw,60px)}
.tool-hero p{margin:0;max-width:62ch}
.calc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:clamp(18px,3vw,28px);display:grid;gap:20px;margin:28px 0;max-width:860px}
.calc .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
.field{display:grid;gap:6px;min-width:0;align-content:start}
.field label,.field .lbl{font:500 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.field input[type=number],.field select{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--r);border:1px solid var(--border);background:var(--canvas);color:var(--text);font:500 18px var(--f-mono)}
.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:transparent}
.field input[type=range]{width:100%;accent-color:var(--accent)}
.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;width:max-content}
.seg button{background:var(--canvas);color:var(--text-muted);border:0;padding:11px 18px;font:600 15px var(--f-body);cursor:pointer}
.seg button[aria-pressed=true]{background:var(--accent);color:var(--ink)}
.result{border-top:1px solid var(--border);padding-top:18px;display:grid;gap:6px}
.result .big{font-family:var(--f-display);font-size:clamp(44px,8vw,72px);line-height:1;color:var(--accent)}
.result .big.bad{color:var(--warning)}
.result p{margin:0}
.bars{display:grid;gap:8px}
.bars .bar{display:grid;grid-template-columns:90px 1fr 80px;gap:12px;align-items:center;font:500 13px var(--f-mono)}
.bars .track{height:10px;border-radius:99px;background:var(--surface-elevated);overflow:hidden}
.bars .track i{display:block;height:100%;border-radius:99px}
.prose{max-width:760px;display:grid;gap:14px;margin:36px 0}
.prose h2{font-size:clamp(26px,3.4vw,34px);margin-top:12px}
.prose p,.prose li{color:#d9d3c7}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose th,.prose td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}
.prose th{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.note{font-size:13px;color:var(--text-muted)}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:28px 0 48px}
.tool-card{display:grid;gap:8px;padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);text-decoration:none;transition:border-color .2s,transform .2s}
.tool-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.tool-card h2{font-size:28px}
.tool-cta{max-width:860px}
.aff{font-size:14px}.aff a{color:var(--accent);font-weight:600}.aff span{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}
[hidden]{display:none!important}
