.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:700px){.two{grid-template-columns:1fr}}
.d{display:grid;font:.85em/1.5 var(--mono);min-width:max-content}
.d.split{grid-template-columns:3em 1fr 3em 1fr}.d.unified{grid-template-columns:3em 3em 1.5em 1fr}
.d>*{padding:0 6px;white-space:pre-wrap;word-break:break-all}
.d .n{color:var(--muted);text-align:right;user-select:none}
.d .del{background:rgba(220,38,38,.12)}.d .add{background:rgba(22,163,74,.14)}
.d .del mark{background:rgba(220,38,38,.35)}.d .add mark{background:rgba(22,163,74,.4)}
.d mark{color:inherit;border-radius:2px}
.d .none{background:var(--bg)}