:root{--fg:#24292f;--muted:#57606a;--bg:#fff;--rule:#d8dee4;--link:#0969da}
@media(prefers-color-scheme:dark){:root{--fg:#e6edf3;--muted:#9198a1;--bg:#0d1117;--rule:#30363d;--link:#4493f8}}
*{box-sizing:border-box}
body{margin:0 auto;padding:2.5rem 1.25rem 4rem;max-width:42rem;background:var(--bg);color:var(--fg);
font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
header{border-bottom:1px solid var(--rule);padding-bottom:1rem;margin-bottom:2rem}
h1{font-size:1.6rem;margin:0 0 .25rem}
h2{font-size:1.15rem;margin:0 0 .25rem}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.sub,.meta{color:var(--muted);font-size:.9rem;margin:0 0 .75rem}
article{margin-bottom:2.25rem}
footer{border-top:1px solid var(--rule);padding-top:1rem;color:var(--muted);font-size:.9rem}