html,body{background:#fff;color:#000;font:1.02em/1.4 Inter,Helvetica,Roboto,Arial,sans-serif;margin:0;padding:0}
header,footer,main{max-width:40em;margin:32px auto;padding:8px 12px}
dd{margin-left:0}
hr{border:0;border-bottom:1px solid}
ol,ul{overflow:auto;white-space:nowrap;padding-left:16px}
dd,li{margin-bottom:8px}
li{list-style-type:square}
blockquote,pre{overflow:auto;padding:12px;margin-left:0;background: #ebebeb}
blockquote{border-left:4px solid #cc0066; font-style: italic}
pre{border-left:4px solid #0066cc}
a{color:#06c}
a:visited{color:#003e80}
a:active{color:#C06}
a:hover{text-decoration:none}
#c p{margin-bottom:1.25em}
h1{line-height:1.2;margin-bottom:.25em}
h1 + p{margin-top:.25em}
h1 + p strong{display:block;margin-bottom:2em}
::selection{background-color:rgba(47,190,234,.25)}
@media screen and (prefers-color-scheme:dark) {
html,body{background:#1a1a1a;color:#f2f2f2}
blockquote, pre{background: #3a3a3a}
blockquote{border-left:4px solid #e57fb2}
pre{border-left:4px solid #7fb2e5}
a{color:#7abaf3}
a:visited{color:#a6d5ff}
a:active{color:#F37ABA}
}