.jodit {
	--jd-color-panel: #f9f9f9;
	--jd-color-border: #cccccc;
	--jd-color-icon: #000000;
	--jd-color-background-default: #ffffff;
	--jd-color-button-background-hover-opacity40: hsla(0, 0%, 75%, .4);
	--jd-color-button-background-hover-opacity60: hsla(0, 0%, 75%, .6);
	--jd-print-page-width: 215.9mm;
	--jd-print-page-height: 279.4mm;
	--jd-print-page-landscape-width: var(--jd-print-page-height);
	--jd-print-page-landscape-height: var(--jd-print-page-width);
	--jd-print-page-offset-inline: 15mm;

	.jodit-wysiwyg {
		&.page-portrait {
			--jd-padding-inline: calc((100% + (var(--jd-print-page-offset-inline) * 2) - var(--jd-print-page-width)) / 2);
			padding: 0.5rem var(--jd-padding-inline);
			background:
				linear-gradient(to right,
					lightgray 0,
					lightgray calc(var(--jd-padding-inline) - var(--jd-print-page-offset-inline)),
					white calc(var(--jd-padding-inline) - var(--jd-print-page-offset-inline)),
					white calc(100% - calc(var(--jd-padding-inline) - var(--jd-print-page-offset-inline))),
					lightgray calc(100% - calc(var(--jd-padding-inline) - var(--jd-print-page-offset-inline))),
					lightgray 100%);
		}

		&.page-landscape {
			--jd-padding-inline: calc((100% + (var(--jd-print-page-offset-inline) * 2) - var(--jd-print-page-landscape-width)) / 2);
			padding: 0.5rem var(--jd-padding-inline);
			background:
				linear-gradient(to right,
					lightgray 0,
					lightgray calc(var(--jd-padding-inline) - var(--jd-print-page-offset-inline)),
					white calc(var(--jd-padding-inline) - var(--jd-print-page-offset-inline)),
					white calc(100% - calc(var(--jd-padding-inline) - var(--jd-print-page-offset-inline))),
					lightgray calc(100% - calc(var(--jd-padding-inline) - var(--jd-print-page-offset-inline))),
					lightgray 100%);
		}
	}

	[data-pagebreak] {
		border: 1px dashed #aaaaaa;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0.5rem 0;
		position: relative;
		height: 1rem;

		&::after {
			content: "Page Break";
			font-size: 12px;
			color: #aaaaaa;
		}

		@media print {
			display: none;
		}
	}

	blockquote {
		margin: 0.25rem 0;
		padding: 0.5rem;
		background-color: rgba(255, 255, 0, 0.1);
		border: 0.0625rem solid rgb(255, 200, 0);
		border-left-width: 0.25rem;
		flex: 1;
	}

	pre {
		margin: 0.25rem 0;
		padding: 0.5rem;
		background-color: rgba(225, 225, 225, 0.1);
		border: 0.0625rem solid rgb(200, 200, 200);
		border-left-width: 0.25rem;
		flex: 1;
		white-space: pre-wrap;
	}

	.jodit-context {

		img,
		table {
			max-width: 100%;
		}
	}
}


.jodit-wysiwyg {
	/* DEBUG */
	/* *:not(:has(*:hover)):hover { */
	*:is(ol, ul, li, div, p, pre, blockquote, table, strong, em, u, s):not(:has(*:is(ol, ul, li, div, p, pre, blockquote, table, strong, em, u, s):hover)):hover {
		outline: 0.125rem solid dodgerblue;
		box-shadow: 0 0 0.5rem rgba(30, 144, 255, 0.5);
		border-radius: 0.25rem;
		outline-offset: 0.125rem;
	}
}