:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;background:#f7f8fa;color:#1c1c1e;
font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
-webkit-text-size-adjust:100%}
main{max-width:720px;margin:0 auto;padding:40px 22px 64px}
h1{font-size:1.9rem;line-height:1.2;margin:.2em 0 .6em}
h2{font-size:1.3rem;margin:1.8em 0 .5em;border-top:1px solid #e3e5ea;padding-top:1.2em}
h3{font-size:1.08rem;margin:1.4em 0 .4em}
p,li{font-size:1rem}
ul,ol{padding-left:1.4em}
li{margin:.3em 0}
a{color:#0a66ff;text-decoration:none}
a:hover{text-decoration:underline}
strong{font-weight:650}
hr{border:none;border-top:1px solid #e3e5ea;margin:2.4em 0}
blockquote{margin:1.2em 0;padding:.6em 1em;background:#eef1f6;border-left:3px solid #c7ccd6;border-radius:6px;color:#444}
blockquote p{margin:0}
.footer-nav{margin-top:3em;padding-top:1.4em;border-top:1px solid #e3e5ea;font-size:.92rem;color:#666}
.lede{font-size:1.12rem;color:#444}
@media (prefers-color-scheme:dark){
body{background:#0f1115;color:#e6e8ec}
h2,hr,.footer-nav{border-color:#262a31}
a{color:#5e9bff}
blockquote{background:#1a1d23;border-left-color:#3a3f49;color:#b8bcc4}
.lede{color:#aeb3bd}
}