:root{--bg:#111;--text:#f2f2f2;--dim:#b1b1b1;--faint:#929292;--line:#333;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}
header,main,footer{max-width:680px;margin:0 auto;padding:0 20px}
header{padding-top:28px;padding-bottom:8px}
header a{color:var(--text);text-decoration:none;font-weight:600;letter-spacing:.01em}
main{padding-bottom:48px}
h1{font-size:34px;line-height:1.1;margin:36px 0 8px;font-weight:700}
h2{font-size:21px;line-height:1.25;margin:40px 0 8px;font-weight:600}
h3{font-size:17px;margin:28px 0 4px}
p,li{color:var(--text)}
main>p:first-of-type{color:var(--dim)}
a{color:var(--text);text-underline-offset:3px;text-decoration-color:var(--faint)}
a:hover{text-decoration-color:var(--text)}
a:focus-visible{outline:2px solid var(--text);outline-offset:2px}
ul{padding-left:20px}
table{width:100%;border-collapse:collapse;font-size:15px;margin:16px 0}
th,td{text-align:left;vertical-align:top;padding:8px 8px 8px 0;border-top:1px solid var(--line)}
th{color:var(--dim);font-weight:500}
code{font:15px ui-monospace,Menlo,monospace}
footer{border-top:1px solid var(--line);padding-top:16px;padding-bottom:40px;color:var(--faint);font-size:14px}
footer a{color:var(--dim);margin-right:16px}