html { background: #eee; color: #000 }
body, p, a { font-family: sans-serif }
a:link { color: #731 }
a:visited { color: #941 }
a:active, a:hover, h2 { color: #b52 }
p { padding-left: 2em; padding-top: 1em }
h2 { font-weight: bold; font: 100% sans-serif; border-bottom: 1px solid #b52 }

#content { margin: 2ex auto; margin-top: 3em; padding: 1em; max-width: 25em; }
.links, .links li { list-style: none; text-indent: 0; }
.links li { padding: 0.25ex; }
ul.links.c2a li { margin-bottom: 1ex; }

:root { color-scheme: light dark; }
@media only all and (prefers-color-scheme: dark) {
	html { background: #222; color: #ddd; }
	a:link { color: #d63 }
	a:visited { color: #b52 }
	a:active, a:hover, h2 { color: #f74; }
	h2 { border-bottom-color: #b52 }
/*	a:link { color: #dc6 }
	a:visited { color: #a93 }
	a:active, a:hover { color: #fe9; }*/
}

/* x */
p.info a {
/* no */ display: none !important;
}