.tool{display:grid;gap:var(--space-5)}.tool-grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:900px){.tool-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.tool-panel{margin:0;min-width:0;background:var(--white);border:var(--border-w-strong) solid var(--ink-900);padding:20px;display:grid;gap:12px}.tool-panel legend{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:1.2rem;padding:0 8px;margin-left:-8px;background:var(--yellow-400);border:var(--border-w-strong) solid var(--ink-900)}.tool-row{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr))}.tool-field{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-small);font-weight:600}.tool-field input,.tool-field select{font:inherit;font-weight:500;padding:10px 12px;border:var(--border-w-strong) solid var(--ink-400);border-radius:var(--radius-xs);background:var(--white);color:var(--ink-900);width:100%}.tool-field input:focus,.tool-field select:focus{border-color:var(--ink-900);outline:3px solid var(--border-focus);outline-offset:0}.tool-help{font-size:var(--fs-small);color:var(--text-muted);margin:0}.tool-muted{color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--fs-caption)}.tool-sub{font-family:var(--font-mono);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:var(--ls-overline);color:var(--brand);font-weight:600;margin:8px 0 0}.tool-check{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-small);cursor:pointer;line-height:1.4}.tool-check input{width:18px;height:18px;margin-top:1px;accent-color:var(--brand);flex:none}.tool-check.is-on span{text-decoration:line-through;color:var(--text-subtle)}.tool-result{background:var(--ink-900);color:var(--ink-100);border:var(--border-w-strong) solid var(--ink-900);box-shadow:6px 6px 0 var(--yellow-400);padding:24px;display:grid;gap:12px;position:sticky;top:88px}.tool-result a{color:var(--yellow-300)}.tool-result .tool-help{color:var(--ink-300)}.tool-result__label{font-family:var(--font-mono);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:var(--ls-overline);color:var(--yellow-400);font-weight:600;margin:0}.tool-result__big{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,1.6rem + 2.4vw,3.4rem);line-height:1;color:var(--white);margin:0;text-transform:uppercase}.tool-result__sub{margin:0;font-family:var(--font-mono);font-size:var(--fs-small)}.tool-dl{margin:0;border-top:1px solid var(--ink-700)}.tool-dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ink-700);font-size:var(--fs-small)}.tool-dl dd{margin:0;font-family:var(--font-mono);font-weight:600;color:var(--white);text-align:right}.tool-warn{margin:0;font-size:var(--fs-small);padding:10px 12px;border-left:6px solid var(--yellow-400);background:#fffbea;color:var(--ink-900)}.tool-result .tool-warn{background:#ffd21f1f;color:var(--ink-100)}.tool-actions{display:flex;flex-wrap:wrap;gap:10px}.tool-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;padding:11px 16px;border:var(--border-w-strong) solid var(--ink-900);background:var(--white);color:var(--ink-900)!important;cursor:pointer;font-size:1rem}.tool-btn--primary{background:var(--brand);color:var(--white)!important;box-shadow:3px 3px 0 var(--yellow-400)}.tool-btn--primary:hover{background:var(--brand-hover)}.tool-restored{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-self:start;font-size:var(--fs-small);padding:6px 12px;background:var(--ink-50);border:1px solid var(--ink-300)}.tool-restored span{font-family:var(--font-mono);font-size:var(--fs-caption);text-transform:uppercase;color:var(--ink-700)}.tool-linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--text-link);text-decoration:underline;cursor:pointer}.tool-h{font-size:var(--fs-h4);text-transform:uppercase;margin:var(--space-5) 0 0}.tool-tablewrap{overflow-x:auto;border:var(--border-w-strong) solid var(--ink-900);background:var(--white)}.tool-table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.tool-table th,.tool-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-subtle);vertical-align:top}.tool-table thead th{background:var(--ink-900);color:var(--white);font-family:var(--font-mono);font-size:var(--fs-caption);text-transform:uppercase;font-weight:600;white-space:nowrap}.tool-num{font-family:var(--font-mono);white-space:nowrap}.tool-swatch{display:inline-block;width:14px;height:14px;border:1px solid var(--ink-900);vertical-align:-2px}.tool-checkhead{display:grid;gap:10px}.tool-checkhead .tool-result__label{color:var(--brand)}.tool-meter{height:10px;border:var(--border-w-strong) solid var(--ink-900);background:var(--white)}.tool-meter span{display:block;height:100%;background:var(--pattern-hazard);transition:width .2s var(--ease-out)}.tool-checkgroups{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.tool-checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}@media print{.tool-restored,.tool-actions,.tool-meter{display:none!important}.tool-panel{break-inside:avoid;border-width:1px}.tool-check.is-on span{text-decoration:none;color:inherit}.tool-result{position:static;box-shadow:none}}
