:root {color-scheme:light dark; font:1rem/1.5 system-ui,sans-serif}
body {max-width:39rem; margin:auto}
body,pre,blockquote {padding:1rem}
pre {overflow:auto; border:.1rem solid; font:1rem/1 ui-monospace,monospace}
blockquote {border-left:.2rem solid}
h1,h2,h3 {padding:.3rem 0}
h1 {border-top:.2rem solid; border-bottom:.2rem solid; text-align: center}
h2 {border-bottom:.1rem solid}
a {color:currentColor; text-underline-offset:.3rem; opacity:.85}
a:hover {text-decoration-thickness:.2rem; opacity:1}
code {opacity:.85; font-size:.9rem}
img {max-width:100%; background:#fff}
footer {text-align:right; font-family:ui-monospace,monospace}
@media print {
    * {color:#000; background:transparent}
    footer {display:none}
    p {hyphens:auto}
    pre {white-space:pre-wrap; overflow-wrap:anywhere}
    a {text-decoration:none; font-weight:700}
    main a::after {font-size:.9rem; content:' <' attr(href) '> '}
    h1,h2,h3,img {break-after:avoid; break-inside:avoid}
}