:root { color-scheme: light dark; }
body { font:1rem/1.4 system-ui, sans-serif; max-width:35rem; margin:1rem; }
body, pre, blockquote { padding:1rem; }
pre { overflow:auto; border:1px solid; font-size:.9rem;}
blockquote { border-left:.25rem solid; }
h2, h3 { margin-top:2rem; }
header, footer { text-align:right; font-size:.9rem; }
a { color:inherit; text-underline-offset:.25em; text-decoration-style: dashed;}
a:hover { text-decoration-style: solid; }
a[href^='gemini']::after {content:' 🚀';}
a[href^='gopher']::after {content:' 🕳️';}
pre { font-family:ui-monospace, monospace; }
img, video { max-width:100%; border-radius:.5rem; opacity:.8; background-color:#fff;}
img:hover, video:hover { opacity:1; }
.anchor { font-size:.9rem; vertical-align:super; opacity:.5; }
.anchor:hover { opacity:1; }
@media screen and (max-width:600px) { 
	body { margin:auto; }
}
@media print { 
	header, footer, .anchor { display:none; }
	* { color:#000 !important; background:transparent !important; }
	body { font-family:serif; }
	pre { white-space:pre-wrap; word-wrap:break-word; }
	a { text-decoration:none !important; font-weight:bold; }
	p { hyphens:auto !important; }
	a:not(.anchor):after { font-size:small !important; content:' \003C' attr(href) '\003E ' !important; } 
	a { text-decoration:none !important; }
	h1, h2, h3, img { page-break-after:avoid; page-break-inside:avoid; margin:auto; }
}