:root{color-scheme:light dark;--bg:#0e1319;--fg:#e6ebf0;--muted:#a7b3bf;--accent:#5aa9ff;--rule:#26303a}
@media (prefers-color-scheme:light){:root{--bg:#fbfaf7;--fg:#1f2328;--muted:#5e6670;--accent:#1f5fbf;--rule:#e6e1d8}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent)}
.top,.foot,main{max-width:760px;margin:0 auto;padding:20px 24px}
.top{border-bottom:1px solid var(--rule)}
.brand{font-weight:700;text-decoration:none;color:var(--fg);font-size:18px}
.foot{border-top:1px solid var(--rule);color:var(--muted);font-size:14px;margin-top:40px}
h1{font-size:32px;line-height:1.2;margin:24px 0 8px}
h2{font-size:20px;margin:32px 0 8px}
.meta{color:var(--muted);font-size:14px}
.hero{padding-top:64px;padding-bottom:64px}
.hero h1{font-size:40px}
li{margin:4px 0}