/* ============================================================================
   ToolBench — text-diff.css
   Text Diff Checker: side-by-side/unified line rows, word/char flow view,
   change marks. Loaded alongside json.css and json-diff.css, which already
   supply .split/.pane/.code/.edit/.jd-summary/.jd-stat/.jbar/.tabs — none of
   that is redeclared here.
   ============================================================================ */

.td-results{margin:16px 0 0}
.td-row{
  display:grid;grid-template-columns:34px 34px 16px 1fr;gap:6px;align-items:start;
  padding:3px 8px;font:400 13.5px/1.6 var(--mono);border-radius:2px;
}
.td-row.td-insert{background:rgba(76,175,125,.08)}
.td-row.td-delete{background:var(--danger-bg)}
.td-row.td-changed{background:rgba(245,166,35,.08)}
.td-lineno{text-align:right;color:var(--slate-light);font-size:12px;user-select:none}
.td-sym{text-align:center;font-weight:700}
.td-row.td-insert .td-sym{color:var(--success-ink)}
.td-row.td-delete .td-sym{color:var(--danger-ink)}
.td-row.td-changed .td-sym{color:#8A5A05}
.td-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.td-arrow{margin:0 8px;color:var(--slate-light)}

.td-mark-ins{background:rgba(76,175,125,.35);border-radius:2px}
.td-mark-del{background:rgba(192,57,43,.22);text-decoration:line-through;border-radius:2px}

.td-unified{
  margin:16px 0 0;padding:12px;max-height:520px;overflow:auto;
  background:var(--ink);color:#CFE6EE;border-radius:2px;
  font:400 13px/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;
}

.td-flow{
  display:block;margin:16px 0 0;padding:14px;
  background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius);
  font:400 14.5px/1.8 var(--mono);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;
}