html, body {
	margin: 0;
	padding: 6px 8px;
	background: transparent;
	color: #15191f;
	font: 14px/1.55 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	word-wrap: break-word;
}

body { min-height: 100%; }

a { color: #1b577d; }

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

blockquote {
	margin: 8px 0;
	padding: 6px 12px;
	border-left: 3px solid #45a7df;
	background: rgba(0, 0, 0, .05);
}

code, pre {
	font-family: Consolas, "Courier New", monospace;
	background: rgba(0, 0, 0, .07);
}

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

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

/* znote-editor.js copies data-acp-theme from the panel onto this document,
   because an iframe cannot see the parent page's attributes or stylesheet. */
html[data-acp-theme="dark"], html[data-acp-theme="dark"] body { color: #e7ebf1; }
html[data-acp-theme="dark"] a { color: #45a7df; }
html[data-acp-theme="dark"] blockquote { background: rgba(255, 255, 255, .05); }
html[data-acp-theme="dark"] code,
html[data-acp-theme="dark"] pre { background: rgba(0, 0, 0, .3); }