/* Word-level version comparison (static/js/version-diff.js, see the styleguide).

   Removals keep their line-through, additions their underline — the marking survives when
   colour does not (print, colour blindness). Green and red are the state colours of the
   pool and mean here what they mean everywhere: gone and new. */

[data-version-diff-field] {
    overflow-wrap: anywhere;
}

[data-version-diff] ins,
[data-version-diff] del {
    border-radius: 2px;
    padding: 0 1px;
}

[data-version-diff] ins {
    background-color: var(--tblr-success-lt);
    color: var(--tblr-success);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

[data-version-diff] del {
    background-color: var(--tblr-danger-lt);
    color: var(--tblr-danger);
}