:root{--bg:#0b0b12;--ink:#e9e5dc;--muted:#a49fb3;--accent:#e2b56b;--line:#23222e;--card:#14131d}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
main{max-width:760px;margin:0 auto;padding:40px 22px 70px}
h1{font-weight:500;font-size:2.1rem;margin:0 0 6px;letter-spacing:.01em}h2{font-weight:500;font-size:1.35rem;margin:36px 0 8px}
p,li{color:var(--ink)}.muted{color:var(--muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.95rem;margin-bottom:34px;color:var(--muted)}nav a{color:var(--muted)}nav a.here{color:var(--ink)}
code,pre{font-family:ui-monospace,Menlo,monospace;font-size:.9em}pre{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;overflow-x:auto}
code{background:var(--card);padding:1px 5px;border-radius:5px}pre code{background:none;padding:0}
blockquote{border-left:3px solid var(--accent);margin:14px 0;padding:6px 16px;color:var(--ink);background:var(--card);border-radius:0 10px 10px 0}
footer{margin-top:50px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);padding-top:16px}
.icon{width:64px;height:64px;border-radius:50%;display:block;margin-bottom:18px}