* { margin: 0; padding: 0; font: inherit; }
body { font-family: monospace; padding: 1.5em; line-height: 1.5; max-width: 70ch; }
h1, h2 { color: #333; }
h1 { font-size: 1.3em; font-weight: bold; }
h1::before { content: "# "; }
h2 { font-size: 1.1em; font-weight: bold; margin-top: 1.5em; }
h2::before { content: "## "; }
pre, code { background: #f5f5f5; }
pre { margin: 0.4em 0 0.4em 4ch; padding: 0.4em 0.6em; overflow-x: auto; position: relative; }
.copy-btn { position: absolute; top: 0.3em; right: 0.3em; background: none; border: none; padding: 0.2em; cursor: pointer; opacity: 0.4; }
.copy-btn:hover { opacity: 0.8; }
.copy-btn svg { width: 1em; height: 1em; fill: #333; }
.copy-btn.copied { animation: fade-out 1.5s forwards; }
@keyframes fade-out { from { opacity: 1; } to { opacity: 0.4; } }
code { padding: 0.1em 0.3em; white-space: nowrap; }
p { margin: 0.4em 0; }
a { color: inherit; }
nav { margin: 0.8em 0; }
nav div { margin: 0.3em 0; }
nav b { color: #666; }