@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500&display=swap');
body { font-family: 'DM Sans', sans-serif; }
.mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }
html { scroll-behavior: smooth; }
.sidebar-link.active { color: #5eead4; border-left-color: #14b8a6; background: rgba(20, 184, 166, 0.08); }
.prose h3 { font-weight: 600; color: #e2e8f0; margin-top: 1.25rem; margin-bottom: 0.5rem; }
.prose p, .prose li { color: #94a3b8; line-height: 1.65; }
.prose ul { list-style: disc; padding-left: 1.25rem; }
.prose strong { color: #cbd5e1; font-weight: 600; }
.prose code { font-family: 'JetBrains Mono', monospace; font-size: 0.85em; color: #5eead4; }
.prose pre { background: #0f172a; border: 1px solid #1e293b; border-radius: 0.5rem; padding: 1rem; overflow-x: auto; font-size: 0.8rem; line-height: 1.5; }
.prose h4 { font-weight: 600; color: #94a3b8; font-size: 0.9rem; margin-top: 1rem; margin-bottom: 0.35rem; }
.source { font-size: 0.75rem; color: #64748b; font-style: italic; }
.section-group-title { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #64748b; padding: 0.75rem 0.75rem 0.25rem; }