body { font-family: 'Inter', -apple-system, sans-serif; max-width: 860px; margin: 0 auto; padding: 3rem 2rem; color: #e2e8f0; line-height: 1.7; background: #0f172a; }
h1 { font-size: 2.2em; font-weight: 800; color: #f1f5f9; border-bottom: 2px solid #334155; padding-bottom: 0.5em; }
h2 { font-size: 1.5em; font-weight: 700; color: #93c5fd; margin-top: 2.5em; border-bottom: 1px solid #1e293b; padding-bottom: 0.4em; }
h3 { font-size: 1.15em; font-weight: 600; color: #a78bfa; }
p { color: #cbd5e1; }
table { width: 100%; border-collapse: collapse; margin: 1.2rem 0; background: #1e293b; border-radius: 8px; overflow: hidden; }
th { padding: 10px 14px; background: #334155; color: #94a3b8; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; }
td { padding: 8px 14px; border-bottom: 1px solid #334155; color: #e2e8f0; }
tr:hover td { background: #334155; }
code { background: #1e293b; padding: 0.2em 0.5em; border-radius: 4px; color: #a78bfa; font-size: 0.85em; }
blockquote { border-left: 4px solid #6366f1; padding: 1em 1.5em; background: #1e293b; border-radius: 0 8px 8px 0; margin: 1em 0; color: #94a3b8; }
a { color: #60a5fa; text-decoration: none; } a:hover { text-decoration: underline; }
hr { border: 0; height: 1px; background: #334155; margin: 2.5em 0; }
nav#TOC { background: #1e293b; border: 1px solid #334155; border-radius: 8px; padding: 1.5rem 2rem; margin: 2rem 0; }
nav#TOC ul { list-style: none; padding-left: 1rem; } nav#TOC > ul { padding: 0; }
nav#TOC a { color: #60a5fa; } strong { color: #f1f5f9; }
li { color: #cbd5e1; }