:root{color-scheme:light dark}
body{font:15px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;padding:2.5rem 1.25rem;background:#f7f8fa;color:#22252a}
main{max-width:36rem;margin:0 auto}
h1{font-size:1.45rem;margin:0}
.sub{color:#7a7f87;margin:.15rem 0 1.5rem;font-size:.85rem}
h2{font-size:1rem;margin:1.8rem 0 .4rem;text-transform:uppercase;letter-spacing:.08em;color:#5a6069}
a{color:#0b6bb3;text-decoration:none;border-bottom:1px solid #cfe0ee}
.foot{margin-top:2.5rem;color:#7a7f87;font-size:.85rem}
@media(prefers-color-scheme:dark){body{background:#101216;color:#dfe3e8}a{color:#69b3e8;border-color:#2b3b49}.sub,.foot,h2{color:#8d949d}}