/* Noustiq Traffic Engine public tools. Uses the core V9 design tokens. */
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--nq-space-5)}
.tool-panel{display:grid;gap:var(--nq-space-5)}
.tool-result{padding:var(--nq-space-6);border:1px solid var(--nq-line);border-radius:var(--nq-radius-lg);background:var(--nq-surface-subtle)}
.tool-result textarea{min-height:250px}
.tool-checklist{display:grid;gap:var(--nq-space-3);list-style:none;padding:0}
.tool-checklist label{display:flex;gap:var(--nq-space-3);align-items:flex-start;padding:var(--nq-space-4);border:1px solid var(--nq-line);border-radius:var(--nq-radius-md);background:var(--nq-surface)}
.tool-checklist input{margin-top:.25rem}
.tool-score{font-size:clamp(2rem,4vw,3.75rem);font-weight:800;letter-spacing:-.04em}
.tool-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:var(--nq-space-7);align-items:start}
.tool-cta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--nq-space-4)}
.tool-cta-row .card{height:100%}
@media(max-width:850px){.tool-grid,.tool-cta-row,.tool-split{grid-template-columns:1fr}}