:root { color-scheme: dark; }
body { margin: 0; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #0f1117; color: #e6edf3; line-height: 1.6; }
a { color: #7aa2f7; text-decoration: none; }
a:hover { text-decoration: underline; }
.layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); min-height: 100vh; }
nav { background: #161b22; padding: 1.25rem; border-right: 1px solid #30363d; position: sticky; top: 0; height: 100vh; box-sizing: border-box; overflow: auto; }
nav h1 { font-size: 1.2rem; margin: 0 0 1rem; }
nav .muted { color: #8b949e; font-size: .9rem; }
main { max-width: 980px; padding: 2rem 2.5rem 4rem; }
h1, h2, h3, h4, h5, h6 { line-height: 1.25; color: #f0f6fc; }
h1 { border-bottom: 1px solid #30363d; padding-bottom: .4rem; }
pre, code { background: #161b22; border-radius: 6px; }
code { padding: .12rem .28rem; }
pre { padding: 1rem; overflow-x: auto; border: 1px solid #30363d; }
pre code { padding: 0; background: transparent; }
blockquote { border-left: 4px solid #3b82f6; margin-left: 0; padding-left: 1rem; color: #b8c0cc; }
hr { border: 0; border-top: 1px solid #30363d; }
ul { padding-left: 1.5rem; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #30363d; padding: .4rem .6rem; }
.frontmatter { color: #8b949e; font-size: .9rem; border: 1px solid #30363d; padding: .75rem; border-radius: 8px; }
@media (max-width: 800px) { .layout { display: block; } nav { position: static; height: auto; } main { padding: 1.25rem; } }