/* The one stylesheet of the web pages (no external fonts or scripts; the CSP allows only this). */
:root {
	--bg: #fff3e5;
	--ink: #44304d;
	--title: #a64cc4;
	--link: #167e85;
	--note: #ffe3c2;
	--rule: #e8cfb4;
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #221a28;
		--ink: #f3e6f7;
		--title: #d9a0ee;
		--link: #6fd2d8;
		--note: #3a2c42;
		--rule: #4a3a52;
	}
}
html { background: var(--bg); color: var(--ink); }
body {
	font: 18px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
	max-width: 760px;
	margin: 0 auto;
	padding: 32px 16px 48px;
	overflow-wrap: break-word;
}
h1 { color: var(--title); line-height: 1.25; }
h2 { line-height: 1.3; margin-top: 1.6em; }
a { color: var(--link); }
li { margin: 4px 0; }
aside { padding: 16px; background: var(--note); border-radius: 16px; }
hr { border: 0; border-top: 1px solid var(--rule); margin: 32px 0; }
address { font-style: normal; }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--rule); font-size: 16px; }
footer a { margin-right: 4px; }