:root { --bg:#f5f6f8; --card:#fff; --ink:#15171a; --muted:#5f6670; --line:#dfe3e8; --brand:#1f5eff; --warn:#7a4b00; --warnbg:#fff4e0; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f1115; --card:#171a20; --ink:#e7e9ec; --muted:#9aa1ab; --line:#2a2f37; --brand:#6d97ff; --warn:#f3c27a; --warnbg:#2b2213; } }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif; }
header { padding:14px 20px; background:var(--card); border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
header a { color:var(--brand); margin-left:14px; text-decoration:none; }
main { max-width:780px; margin:24px auto; padding:0 16px 48px; }
article { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:28px; }
h1 { font-size:26px; margin-top:0; } h2 { font-size:19px; margin-top:28px; }
.draft { background:var(--warnbg); color:var(--warn); border-radius:10px; padding:10px 14px; font-size:14px; margin-bottom:18px; }
.muted { color:var(--muted); font-size:14px; }
table { border-collapse:collapse; width:100%; font-size:15px; } th, td { border:1px solid var(--line); padding:8px; text-align:left; vertical-align:top; }