:root{--bg:#1b1b1d;--fg:#dcdcdc;--dim:#9a9a9a;--acc:#7fb4ff;--line:#34363a}
@media (prefers-color-scheme: light){:root{--bg:#f6f6f4;--fg:#1d1d1f;--dim:#5c5c5c;--acc:#2c5fc4;--line:#d8d8d4}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 -apple-system,"Helvetica Neue",Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 16px 64px}
h1{font-size:26px;margin:0 0 4px}
h2{font-size:17px;margin:28px 0 6px}
.meta{color:var(--dim);font-size:14px;margin:0 0 24px}
a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--dim);text-underline-offset:2px}
a:hover{text-decoration-color:var(--fg)}
ul{padding-left:20px}
footer{margin-top:40px;padding-top:14px;border-top:1px solid var(--line);color:var(--dim);font-size:14px}