:root { --bg:#fbfbf9; --fg:#1d2321; --mut:#5d6b66; --acc:#2f6f66; --line:#e2e6e4; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg:#121615; --fg:#e8ece9; --mut:#9fb0aa; --acc:#6fc0b2; --line:#263030; }
}
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
       font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; }
.wrap { max-width:720px; margin:0 auto; padding:0 16px; }
header { border-bottom:1px solid var(--line); padding:44px 0 22px; }
h1 { font-size:1.6rem; line-height:1.3; margin:0; letter-spacing:-.01em; }
main { padding:28px 0 10px; }
h2 { font-size:1.02rem; margin:30px 0 10px; }
p, li { color:var(--fg); }
main ul { padding-left:1.2em; }
a { color:var(--acc); }
dl dt { font-weight:600; margin-top:14px; }
dl dd { margin:2px 0 0; color:var(--mut); }
footer { border-top:1px solid var(--line); margin-top:38px; padding:20px 0 44px; color:var(--mut); font-size:.88rem; }
footer a { margin-right:10px; }