.diff {
	border: 0;
	border-spacing: 4px;
	margin: 0;
	width: 100%;
}
.diff td.diff-marker {
	width: 2%;
	padding: .25em;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1.2;
	text-align: end;
}
.diff-addedline,
.diff-deletedline,
.diff-context {
	width: 48%;
	padding: .33em .5em;
	font-size: 88%;
	line-height: 1.6;
	vertical-align: top;
	white-space: pre-wrap;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	border-radius: .33em;
}
.diff-addedline {
	border-top-color: var(--background-color-content-added, #a3d3ff);
	border-right-color: var(--background-color-content-added, #a3d3ff);
	border-bottom-color: var(--background-color-content-added, #a3d3ff);
	border-left-color: var(--background-color-content-added, #a3d3ff);
}
.diff-deletedline {
	border-top-color: var(--background-color-content-removed, #ffe49c);
	border-right-color: var(--background-color-content-removed, #ffe49c);
	border-bottom-color: var(--background-color-content-removed, #ffe49c);
	border-left-color: var(--background-color-content-removed, #ffe49c);
}
.diff-context {
	border-top-color: var(--background-color-neutral-subtle, #eaecf0);
	border-right-color: var(--background-color-neutral-subtle, #eaecf0);
	border-bottom-color: var(--background-color-neutral-subtle, #eaecf0);
	border-left-color: var(--background-color-neutral-subtle, #eaecf0);
	color: var(--color-base, #202122);
}
.diff td div {
	word-wrap: break-word; /* force wrapping long lines */
	direction: ltr;
}
.diffchange {
	font-weight: bold;
	text-decoration: none;
}
.diff-addedline .diffchange,
.diff-deletedline .diffchange {
	border-radius: 0; /* override mediawiki.diff.styles */
	padding: .25em 0;
}
.diff-addedline .diffchange {
	background-color: var(--background-color-content-added, #afb6e9);
}
.diff-deletedline .diffchange {
	background-color :var(--background-color-content-removed, #fc3);
}