:root { --ink:#1c1b2a; --muted:#5c5a72; --accent:#7c3aed; --bg:#faf9ff; --line:#e6e3f5; }
@media (prefers-color-scheme: dark) {
  :root { --ink:#ece9fb; --muted:#a6a2c0; --accent:#b69cff; --bg:#15131f; --line:#2c2940; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; line-height:1.6; }
.wrap { max-width:720px; margin:0 auto; padding:40px 20px 80px; }
header { border-bottom:1px solid var(--line); padding-bottom:20px; margin-bottom:28px; }
.brand { color:var(--accent); font-weight:700; }
h1 { font-size:28px; margin:4px 0 6px; }
h2 { font-size:19px; margin:32px 0 8px; }
.updated, footer { color:var(--muted); font-size:14px; }
a { color:var(--accent); }
li { margin-bottom:6px; }
footer { margin-top:48px; padding-top:20px; border-top:1px solid var(--line); font-size:13px; }