:root{color-scheme:dark;--bg:#0b1220;--panel:#111c30;--line:#1e2b45;--ink:#e2e8f0;--muted:#94a3b8;--accent:#2dd4bf}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Sans","Yu Gothic UI","Segoe UI",system-ui,sans-serif;line-height:1.7}
.layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:1.25rem;position:sticky;top:0;height:100vh;overflow:auto}
.brand{display:block;color:var(--accent);font-weight:800;text-decoration:none;margin-bottom:1.25rem}
.sidebar h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.25rem 0 .4rem}
.sidebar a{display:block;color:var(--ink);text-decoration:none;font-size:.86rem;padding:.25rem .4rem;border-radius:6px}
.sidebar a:hover,.sidebar a.active{background:#1e293b;color:var(--accent)}
.content{max-width:900px;padding:2rem 2.5rem 4rem}
.markdown h1,.markdown h2,.markdown h3{line-height:1.35}.markdown h1{border-bottom:1px solid var(--line);padding-bottom:.5rem}
.markdown a{color:var(--accent)}.markdown code{background:#0f172a;border:1px solid var(--line);border-radius:5px;padding:.1rem .3rem;font-size:.88em}
.markdown pre{background:#0f172a;border:1px solid var(--line);border-radius:10px;padding:1rem;overflow:auto}
.markdown pre code{border:0;padding:0}.markdown table{border-collapse:collapse;width:100%;margin:1rem 0}
.markdown th,.markdown td{border:1px solid var(--line);padding:.4rem .6rem;text-align:left}.markdown th{background:#111c30}
.markdown blockquote{border-left:4px solid var(--accent);margin:1rem 0;padding:.25rem 1rem;color:var(--muted);background:#0f172a}
.muted{color:var(--muted)}.footer{margin-top:3rem;border-top:1px solid var(--line);padding-top:1rem;color:var(--muted);font-size:.85rem}
@media(max-width:760px){.layout{display:block}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.content{padding:1.25rem}}