/* warm tools: converter / connectivity / balance / radar */
.tool-page{padding:7rem 0 4rem}
.tool-hero{max-width:72rem;margin-bottom:1.6rem}
.tool-kicker{font:600 .65rem/1 var(--mono);letter-spacing:.18em;color:var(--accent-text)}
.tool-hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:1.03;letter-spacing:-.045em;margin:1rem 0 .8rem}
.tool-hero h1 em{font-style:normal;color:var(--accent-text)}
.tool-hero p{font-size:.98rem;line-height:1.9;color:var(--ink-2);max-width:54rem;margin:0}
.tool-meta-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.tool-meta-row span{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.35rem .65rem;font:600 .62rem/1 var(--mono);color:var(--muted)}
.tool-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1rem;align-items:start}
.tool-col{min-width:0;display:flex;flex-direction:column;gap:.9rem}
.tool-card{background:var(--paper);border:1px solid var(--line);border-radius:1.4rem;padding:1.4rem}
.tool-card h2{font-family:var(--serif);font-size:1.25rem;margin:0 0 .7rem}
.tool-card .card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem}
.tool-card .card-head h2{margin:0}
.tool-card .mono{font:500 .62rem/1 var(--mono);color:var(--faint)}
.tool-field{margin-bottom:.8rem}
.tool-field label{display:block;font:600 .62rem/1 var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:.4rem}
.tool-field input,.tool-field select,.tool-field textarea{width:100%;border:1px solid var(--line-strong);border-radius:.8rem;background:var(--cream);padding:0 .9rem;font:500 .9rem/1.6 var(--sans);color:var(--ink);outline:none}
.tool-field input,.tool-field select{height:2.9rem}
.tool-field textarea{min-height:9rem;padding:.8rem .9rem;font:500 .78rem/1.6 var(--mono);resize:vertical}
.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:var(--accent-text);box-shadow:0 0 0 4px rgba(223,90,53,.12);background:var(--paper)}
.tool-field .hint{display:block;font:500 .65rem/1.6 var(--mono);color:var(--faint);margin-top:.3rem}
.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.tool-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}
.tool-actions .btn{flex:0 0 auto}
.tool-msg{padding:.75rem .9rem;border:1px solid rgba(94,122,94,.35);border-radius:.8rem;background:var(--sage);color:var(--moss-text);font-size:.8rem;line-height:1.6;margin-top:.7rem}
.tool-msg.bad{border-color:rgba(223,90,53,.35);background:var(--peach);color:var(--accent-text)}
.tool-msg[hidden]{display:none!important}
.seg{display:inline-flex;gap:.2rem;padding:.2rem;background:var(--cream);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap}
.seg button{border:0;background:transparent;border-radius:999px;padding:.42rem .8rem;font:600 .72rem/1 var(--sans);color:var(--muted);cursor:pointer}
.seg button.on{background:var(--ink);color:var(--cream)}
.chip-row{display:flex;gap:.35rem;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:.35rem .6rem;font:600 .65rem/1 var(--sans);color:var(--muted);cursor:pointer}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.result-box{margin-top:.9rem;border-top:1px solid var(--line-2);padding-top:.9rem}
.result-line{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line-2);font-size:.8rem}
.result-line:last-child{border:0}
.result-line span{color:var(--muted)}
.result-line b{font:600 .8rem/1.4 var(--mono);text-align:right;overflow-wrap:anywhere}
.result-big{font-family:var(--serif);font-size:2rem;line-height:1.1;margin:.2rem 0 .5rem}
.result-big.ok{color:var(--moss-text)}
.result-big.bad{color:var(--accent-text)}
pre.tool-pre{max-height:18rem;overflow:auto;background:var(--cream);border:1px solid var(--line);border-radius:.7rem;padding:.8rem;font:500 .68rem/1.6 var(--mono);color:var(--ink-2);white-space:pre-wrap;word-break:break-word;margin:.6rem 0 0}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:.9rem}
.stat{background:var(--paper);border:1px solid var(--line);border-radius:1rem;padding:.75rem .85rem}
.stat span{display:block;font:600 .55rem/1 var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.stat b{display:block;font:600 1.2rem/1.2 var(--mono);margin-top:.3rem}
.radar-card{background:var(--paper);border:1px solid var(--line);border-radius:1.2rem;padding:1.1rem}
.radar-card h3{font-family:var(--serif);font-size:1.1rem;margin:0 0 .5rem}
.radar-card p{font-size:.8rem;line-height:1.7;color:var(--muted);margin:0}
.radar-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.pill{display:inline-block;font:600 .6rem/1 var(--mono);padding:.28rem .45rem;border-radius:.35rem;background:var(--cream);border:1px solid var(--line-2);color:var(--muted)}
.pill.green{color:var(--moss-text);background:var(--sage);border-color:rgba(94,122,94,.3)}
.pill.amber{color:var(--warning-text);background:rgba(242,200,121,.28);border-color:rgba(168,115,31,.3)}
.pill.red{color:var(--accent-text);background:var(--peach);border-color:rgba(223,90,53,.3)}
.quota-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}
.quota-row{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;padding:.45rem 0;border-bottom:1px solid var(--line-2)}
.quota-row:last-child{border:0}
@media(max-width:1000px){.tool-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tool-page{padding:5rem 0 2.5rem}.tool-row{grid-template-columns:1fr}.radar-grid{grid-template-columns:1fr}.tool-card{padding:1.1rem}.stat-grid{grid-template-columns:1fr 1fr}}