:root{--fg:#1b1b1b;--bg:#fbfaf8;--mut:#5d5b57;--ac:#2f5d8a;--bd:#e3e0da}
@media(prefers-color-scheme:dark){:root{--fg:#e8e6e2;--bg:#161615;--mut:#9d9a94;--ac:#7fb0e0;--bd:#302f2d}}
*{box-sizing:border-box}
body{margin:0;padding:0 1.25rem;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--fg);background:var(--bg)}
header,main,footer{max-width:44rem;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--bd)}
header a{color:var(--fg);text-decoration:none}
header nav a{color:var(--mut);margin-left:1rem}
h1{font-size:1.6rem;line-height:1.3;margin:2rem 0 .75rem}
h2{font-size:1.15rem;margin:1.75rem 0 .5rem}
p,ul{margin:.6rem 0}
a{color:var(--ac)}
li{margin:.3rem 0}
.note{color:var(--mut);font-size:.95rem}
footer{margin:3rem 0 2rem;padding-top:1rem;border-top:1px solid var(--bd);color:var(--mut);font-size:.9rem}