:root { --bg:#14130f; --bg2:#1e1d1b; --panel:#302e2c; --green:#81b64c; --greentext:#a3d168; --text:#e7e6e2; --muted:#9a978f; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background:var(--bg); color:var(--text); line-height:1.7; }
a { color: var(--greentext); }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 20px; }
header { border-bottom:1px solid rgba(255,255,255,.08); background:var(--bg2); }
header .wrap { display:flex; align-items:center; gap:12px; height:64px; }
header img { width:38px; height:38px; border-radius:8px; }
header .name { font-weight:700; }
header nav { margin-left:auto; display:flex; gap:18px; font-size:14px; }
header nav a { color:var(--muted); text-decoration:none; }
header nav a:hover { color:#fff; }
article { padding: 44px 0 20px; }
article h1 { font-size:34px; margin:0 0 6px; }
article .updated { color:var(--muted); font-size:14px; margin:0 0 32px; }
article h2 { font-size:20px; margin:34px 0 10px; color:#fff; }
article p, article li { color:#d9d8d3; }
article ul { padding-left:22px; }
article li { margin:6px 0; }
.note { background:var(--panel); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:16px 18px; margin:20px 0; font-size:15px; }
footer { border-top:1px solid rgba(255,255,255,.08); color:var(--muted); font-size:13px; padding:28px 0; text-align:center; }
footer a { color:var(--muted); }