html, body {
	margin: 0;
	padding: 6px 8px;
	background: var(--znote-editor-bg, transparent);
	color: var(--znote-editor-color, #dfe4ec);
	font: 14px/1.55 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	word-wrap: break-word;
	caret-color: var(--znote-editor-color, #dfe4ec);
}

body { min-height: 100%; }

html[data-znote-editor-scheme="light"], html[data-znote-editor-scheme="light"] body {
	color: var(--znote-editor-color, #1c1f27);
}

html[data-acp-theme="dark"], html[data-acp-theme="dark"] body,
html[data-znote-editor-scheme="dark"], html[data-znote-editor-scheme="dark"] body {
	color: var(--znote-editor-color, #c8cedb);
}

a { color: var(--znote-editor-link, #b9762a); }
html[data-acp-theme="dark"] a,
html[data-znote-editor-scheme="dark"] a {
	color: var(--znote-editor-link, #d9a441);
}

::selection {
	background: var(--znote-editor-selection-bg, #0b65c2);
	color: var(--znote-editor-selection-color, #ffffff);
}

img {
	max-width: 100%;
	height: auto;
}

blockquote {
	margin: 8px 0;
	padding: 6px 12px;
	border-left: 3px solid #d9a441;
	background: rgba(0, 0, 0, .05);
}
html[data-acp-theme="dark"] blockquote { background: rgba(255, 255, 255, .04); }

code, pre {
	font-family: Consolas, "Courier New", monospace;
	background: rgba(0, 0, 0, .08);
}
html[data-acp-theme="dark"] code, html[data-acp-theme="dark"] pre { background: rgba(0, 0, 0, .3); }

pre {
	padding: 8px 10px;
	overflow-x: auto;
}

ul, ol { padding-left: 22px; }