:root { --bg:#0d1117; --card:#161b22; --fg:#e6edf3; --muted:#8b949e;
        --up:#3fb950; --down:#f85149; --accent:#58a6ff; --border:#30363d; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
       font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
.wrap { max-width:720px; margin:0 auto; padding:32px 20px 64px; }
header a { color:var(--fg); text-decoration:none; font-weight:700; font-size:20px; }
header .tag { color:var(--muted); font-weight:400; font-size:14px; }
h1 { font-size:28px; line-height:1.25; margin:24px 0 4px; }
h2 { font-size:20px; margin:28px 0 8px; }
h3 { font-size:17px; margin:22px 0 6px; }
a { color:var(--accent); }
.muted { color:var(--muted); font-size:14px; }
.pct-up { color:var(--up); font-weight:600; }
.pct-down { color:var(--down); font-weight:600; }
ul { padding-left:22px; }
code { background:#1f2630; padding:2px 5px; border-radius:5px; font-size:14px; }
.post-card { display:block; background:var(--card); border:1px solid var(--border);
             border-radius:12px; padding:18px 20px; margin:14px 0; text-decoration:none; color:inherit; }
.post-card:hover { border-color:var(--accent); }
.post-card h2 { margin:0 0 4px; font-size:19px; }
.post-card p { margin:8px 0 0; color:var(--muted); }
footer { margin-top:48px; padding-top:20px; border-top:1px solid var(--border);
         color:var(--muted); font-size:13px; }
.article { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:8px 28px 28px; }