.tool-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px}
.tool-card{background:#fff;border-radius:18px;box-shadow:0 4px 18px #0000001a;padding:22px;display:flex;flex-direction:column;gap:10px}
.tool-card .kind{align-self:flex-start;font-size:12px;font-weight:700;border-radius:999px;padding:3px 11px;background:#245a4e;color:#fff}
.tool-card h3{margin:0;font-size:21px;text-transform:none}.tool-card p{margin:0;color:var(--muted);font-size:15px;flex:1}
.tc-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14px;font-weight:600}.tc-links a:not(.primary){color:#245a4e;text-decoration:underline}
.tool-box{background:#fff;border-radius:18px;box-shadow:0 4px 18px #0000001a;padding:clamp(16px,3vw,28px);margin:14px 0}
.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,3vw,36px)}
.tf{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:14px;font-weight:600;color:#123a31}
.tf>div{display:flex;align-items:center;gap:8px}.tf em{font-style:normal;color:#6c747b;font-weight:500;min-width:34px}
.tf input,.tf select{flex:1;min-width:0;border:1px solid var(--line,#cfd8d4);border-radius:10px;padding:10px 12px;font:inherit;font-weight:500;background:#fff;color:#1d2b27}
.tf.chk{flex-direction:row;align-items:center}.tf.chk input{flex:none;width:18px;height:18px}
.tf2{display:grid;grid-template-columns:2fr 1fr;gap:10px}
.tool-out{background:#f4f7f6;border-radius:14px;padding:16px 18px;align-self:start}
.tr{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #dfe7e3;font-size:15px}.tr:last-of-type{border-bottom:0}
.tr span{color:#4a5a55}.tr b{text-align:right;color:#123a31}.tr small{font-weight:500;color:#6c747b}
.tr.big{background:#245a4e;border-radius:12px;padding:14px 16px;margin-bottom:8px;border:0;align-items:center}.tr.big span,.tr.big b,.tr.big small{color:#fff}.tr.big b{font-size:24px}
.tr.big.ok{background:#1f7a4d}.tr.big.warn{background:#b5651d}.tr.warn b{color:#b5651d}
.tnote{font-size:13px;line-height:1.5;color:#4a5a55;margin:12px 0 0}.tnote.warn{color:#b5651d;font-weight:600}
.fitsvg{width:100%;max-width:300px;display:block;margin:6px auto 10px}
.tool-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:12px}
.tscroll{overflow-x:auto;margin-top:8px}.ttable{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.ttable th,.ttable td{padding:9px 12px;text-align:left;border-bottom:1px solid #e2e8e5;white-space:nowrap}.ttable th{background:#245a4e;color:#fff;font-weight:600}
.ttable td:nth-last-child(2),.ttable td:last-child{white-space:normal}
.tsub{font-size:24px;margin:28px 0 6px;text-transform:none}
.tool-how{margin:26px 0}.tool-how h2{font-size:22px;text-transform:none}.tool-how p{color:#4a5a55;max-width:70ch}
.tools-page .ba-cta{margin-top:30px}.tools-page .ba-cta .primary{margin:4px}
@media(max-width:820px){.tool-grid{grid-template-columns:1fr}.tool-filters{grid-template-columns:1fr 1fr}}
