.sparkline { fill: none; stroke: #256af4; stroke-width: 2; stroke-linecap: round; }
.banner-block pre { font-family: 'Space Mono', monospace; font-size: 0.75rem; white-space: pre-wrap; word-break: break-all; }
.autocomplete-dropdown { position:absolute; z-index:1050; border-radius:0.5rem; max-height:240px; overflow-y:auto; box-shadow:0 8px 24px rgba(0,0,0,0.3); }

/* Prose content styling */
.prose table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 0.875rem; }
.prose thead { border-bottom: 2px solid #e2e8f0; }
.dark .prose thead { border-bottom-color: #334155; }
.prose th { padding: 0.625rem 1rem; text-align: left; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; background: #f8fafc; }
.dark .prose th { background: rgba(30,41,59,0.5); color: #94a3b8; }
.prose td { padding: 0.625rem 1rem; border-bottom: 1px solid #f1f5f9; }
.dark .prose td { border-bottom-color: #1e293b; }
.prose tbody tr:hover { background: #f8fafc; }
.dark .prose tbody tr:hover { background: rgba(30,41,59,0.3); }
.prose code { background: #f1f5f9; color: #0f172a; padding: 0.125rem 0.375rem; border-radius: 0.25rem; font-size: 0.8125em; font-family: 'Space Mono', monospace; }
.dark .prose code { background: #1e293b; color: #e2e8f0; }
.prose pre { background: #0f172a; color: #e2e8f0; padding: 1rem 1.25rem; border-radius: 0.5rem; overflow-x: auto; font-size: 0.8125rem; line-height: 1.6; margin: 1.5em 0; }
.prose pre code { background: transparent; color: inherit; padding: 0; font-size: inherit; }
.prose blockquote { border-left: 3px solid #256af4; padding-left: 1rem; color: #64748b; font-style: italic; }
.dark .prose blockquote { color: #94a3b8; }
.prose hr { border-color: #e2e8f0; margin: 2em 0; }
.dark .prose hr { border-color: #334155; }