/* Prose styling for rendered markdown (docs and blog) */
.prose h1 { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; color: white; }
.prose h2 { font-size: 1.5rem; font-weight: 600; margin-top: 2rem; margin-bottom: 0.75rem; color: white; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 0.5rem; }
.prose h3 { font-size: 1.25rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; color: white; }
.prose p { margin-bottom: 1rem; color: rgba(255,255,255,0.8); line-height: 1.7; }
.prose ul, .prose ol { margin-bottom: 1rem; padding-left: 1.5rem; color: rgba(255,255,255,0.8); }
.prose li { margin-bottom: 0.25rem; }
.prose code { font-family: 'IBM Plex Mono', monospace; background: rgba(255,255,255,0.15); padding: 0.125rem 0.375rem; border-radius: 0.25rem; font-size: 0.875em; color: #e2e8f0; }
.prose pre { background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.1); border-radius: 0.5rem; padding: 1rem; overflow-x: auto; margin-bottom: 1rem; }
.prose pre code { background: transparent; padding: 0; }
.prose table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; }
.prose th { text-align: left; padding: 0.5rem; border-bottom: 2px solid rgba(255,255,255,0.2); color: white; font-weight: 600; }
.prose td { padding: 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.8); }
.prose a { color: #2BB0C5; text-decoration: underline; }
.prose a:hover { color: #29a1b4; }
.prose strong { color: white; font-weight: 600; }
.prose blockquote { border-left: 4px solid #2BB0C5; padding-left: 1rem; margin: 1rem 0; color: rgba(255,255,255,0.7); }