/* Free tools pages */
.crumbs { font-size:13px; color:#C9D3DF; } .crumbs a { color:#C9D3DF; }
.tool-form { gap:14px; }
.tool-form label { display:flex; flex-direction:column; gap:6px; font-size:14px; font-weight:600; color:var(--nf-ink); }
.tool-form input, .tool-form select, .tool-form textarea { min-height:46px; border:1.5px solid #8A99AB; border-radius:8px; padding:10px 12px; font:inherit; font-weight:400; background:#fff; color:var(--nf-ink); }
.tool-form textarea { min-height:0; }
.tool-row { display:flex; gap:10px; flex-wrap:wrap; } .tool-row input { flex:1 1 260px; }
.tool-2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
.tool-3 { display:grid; grid-template-columns:2fr 1fr 1fr; gap:12px; } @media (max-width:560px){ .tool-3 { grid-template-columns:1fr; } }
.tool-fine { font-size:13px; color:var(--nf-muted); font-weight:400; margin:0; }
.tool-err { color:#8A2E07; font-weight:600; } .tool-wait { color:var(--nf-muted); }
.tool-result { background:#fff; border:1px solid var(--nf-line); border-radius:var(--nf-r); padding:24px; display:flex; flex-direction:column; gap:18px; margin-top:20px; }
.tool-score { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.tool-num { font-family:var(--nf-head); font-weight:800; font-size:64px; line-height:1; } .tool-num small { font-size:24px; color:var(--nf-muted); }
.tool-big { font-family:var(--nf-head); font-weight:800; font-size:40px; line-height:1.1; } .tool-big small { font-size:18px; font-weight:600; color:var(--nf-muted); }
.tool-checks { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.tool-checks li { display:grid; grid-template-columns:28px 1fr; gap:12px; align-items:start; padding-bottom:12px; border-bottom:1px solid var(--nf-line); }
.tool-checks .ic { width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-weight:800; }
.tool-checks .pass .ic { background:#DDF1E4; color:#1B5E3A; } .tool-checks .warn .ic, .tool-checks .info .ic { background:#FDF1C7; color:#8A5A00; } .tool-checks .fail .ic { background:#FBE3D6; color:#8A2E07; }
.tool-fix { color:var(--nf-muted); font-size:14px; }
.tool-cta { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; background:#FFF4D6; border-radius:8px; padding:14px 16px; }
.tool-code { background:#0E1B30; color:#E4E9EF; border-radius:8px; padding:14px; overflow:auto; font-size:13px; line-height:1.5; max-height:520px; white-space:pre; margin:0; }
.tool-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:20px; }
.tool-card { text-decoration:none; color:var(--nf-ink); transition:transform .15s; } .tool-card:hover { transform:translateY(-2px); }
.tool-card h2 { margin:0; font-size:22px; } .tool-card p { margin:0; color:var(--nf-muted); }
.tool-card.feature { background:#10233F; color:#fff; } .tool-card.feature p { color:#C9D3DF; }
.tool-go { margin-top:auto; font-weight:700; color:#B43C0A; } .tool-card.feature .tool-go { color:#F5A524; }
.tool-prose p { margin:0; color:var(--nf-muted); font-size:17px; }
