:root{--fg:#22252a;--muted:#6c7280;--bg:#ffffff;--side:#f4f5f7;--accent:#3d5a98;--code:#eef0f4}
@media (prefers-color-scheme:dark){:root{--fg:#e3e5e8;--muted:#9097a1;--bg:#15171a;--side:#1c1f23;--accent:#8aa6e0;--code:#22262b}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{display:flex;min-height:100vh}aside{width:230px;background:var(--side);padding:24px 18px;flex-shrink:0}
aside a{display:block;color:var(--fg);text-decoration:none;padding:4px 0}aside .t{font-weight:700;margin-bottom:12px}
main{padding:32px 28px;max-width:760px}h1{font-size:26px;margin:0 0 6px}h2{font-size:19px;margin-top:28px}.meta{color:var(--muted);font-size:13px}
a{color:var(--accent)}code,pre{font:13px/1.5 ui-monospace,Menlo,monospace;background:var(--code);border-radius:4px}code{padding:1px 5px}pre{padding:12px;overflow-x:auto}
table{border-collapse:collapse}td,th{border:1px solid var(--code);padding:6px 10px;text-align:left}
@media (max-width:700px){.wrap{display:block}aside{width:auto}}