:root{
  --bg:#0f0f0f;--fg:#eaeaea;--muted:#bdbdbd;--brand:#ffd700;--link:#4CAF50;--card:#171717;--border:rgba(255,255,255,.08)
}
@media (prefers-color-scheme: light){
  :root{--bg:#ffffff;--fg:#111111;--muted:#4b5563;--brand:#b58900;--link:#0d9488;--card:#f8fafc;--border:rgba(0,0,0,.08)}
}
html,body{height:100%}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;margin:0;padding:0;background:var(--bg);color:var(--fg);line-height:1.65}
.wrap{max-width:860px;margin:40px auto;padding:0 20px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.brand{display:flex;align-items:center;gap:10px}
.logo{inline-size:28px;block-size:28px;border-radius:8px;background:linear-gradient(135deg,var(--brand),#ff7a00)}
h1,h2{color:var(--brand);margin:0 0 12px}
p{margin:0 0 12px}
a{color:var(--link);text-underline-offset:2px}
small,footer,.muted{color:var(--muted)}
section{margin:22px 0;padding:16px;border:1px solid var(--border);background:var(--card);border-radius:12px}
ul{margin:8px 0 0 20px}
hr{border:0;border-top:1px solid var(--border);margin:24px 0}
nav.toc{margin:18px 0;padding:12px;border:1px dashed var(--border);border-radius:12px;background:transparent}
nav.toc a{display:inline-block;margin:4px 8px 4px 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.top-link{position:fixed;right:16px;bottom:16px;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:999px;padding:10px 14px;text-decoration:none;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.top-link:focus-visible{outline:3px solid var(--brand);outline-offset:3px}