:root { color-scheme: dark; --bg:#0b0b0f; --card:#15151c; --line:#26262f; --fg:#e5e7eb; --muted:#a1a1aa; --accent:#8b5cf6; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
       font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; line-height:1.65; }
.wrap { max-width:52rem; margin:0 auto; padding:3rem 1.25rem 5rem; }
.back-btn {
  display:inline-flex; align-items:center; gap:.4rem;
  color:var(--fg); background:var(--card); border:1px solid var(--line);
  border-radius:.6rem; padding:.5rem .9rem; margin-bottom:1.5rem;
  font-size:.9rem; text-decoration:none; transition:border-color .15s ease, background .15s ease;
}
.back-btn:hover { border-color:var(--accent); background:#1a1a23; }
header.doc { border-bottom:1px solid var(--line); padding-bottom:1.5rem; margin-bottom:2rem; }
h1 { font-size:2rem; margin:0 0 .5rem; letter-spacing:-.02em; }
h2 { font-size:1.2rem; margin:2.25rem 0 .6rem; letter-spacing:-.01em; }
h3 { font-size:1rem; margin:1.5rem 0 .4rem; color:var(--fg); }
p, li { color:var(--muted); }
ul { padding-left:1.25rem; }
li { margin:.35rem 0; }
a { color:var(--accent); }
code { background:#1e1e27; border:1px solid var(--line); border-radius:.3rem;
       padding:.1rem .35rem; font-size:.9em; color:#d4d4d8; }
.meta { color:var(--muted); font-size:.9rem; margin:0; }
.card { background:var(--card); border:1px solid var(--line); border-radius:.9rem; padding:1rem 1.25rem; margin:1.25rem 0; }
.card p:last-child, .card ul:last-child { margin-bottom:0; }
footer.doc { margin-top:3rem; padding-top:1.5rem; border-top:1px solid var(--line); font-size:.9rem; color:var(--muted); }
footer.doc a { margin-right:1rem; }
table { width:100%; border-collapse:collapse; margin:1rem 0; font-size:.95rem; }
th, td { border:1px solid var(--line); padding:.55rem .7rem; text-align:left; vertical-align:top; color:var(--muted); }
th { color:var(--fg); background:#12121a; font-weight:600; }
.scroll { overflow-x:auto; }