/* Article content prose styles */
.article-content h1 { font-size: 1.75rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #581c87; }
.article-content h2 { font-size: 1.5rem; font-weight: 600; margin-top: 1.25rem; margin-bottom: 0.5rem; color: #6b21a8; }
.article-content h3 { font-size: 1.25rem; font-weight: 600; margin-top: 1rem; margin-bottom: 0.5rem; color: #7c3aed; }
.article-content p { margin-bottom: 1rem; line-height: 1.75; color: #374151; }
.article-content ul { list-style: disc; margin-left: 1.5rem; margin-bottom: 1rem; color: #374151; }
.article-content ol { list-style: decimal; margin-left: 1.5rem; margin-bottom: 1rem; color: #374151; }
.article-content li { margin-bottom: 0.25rem; line-height: 1.75; }
.article-content blockquote {
    border-left: 4px solid #c4b5fd;
    padding-left: 1rem;
    margin: 1rem 0;
    color: #6b7280;
    font-style: italic;
}
.article-content pre {
    background: #f3f0ff;
    border-radius: 0.75rem;
    padding: 1rem;
    overflow-x: auto;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}
.article-content code {
    background: #f3f0ff;
    padding: 0.125rem 0.375rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    color: #7c3aed;
}
.article-content pre code {
    background: none;
    padding: 0;
    color: inherit;
}
.article-content a { color: #7c3aed; text-decoration: underline; }
.article-content a:hover { color: #5b21b6; }
.article-content table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }
.article-content th, .article-content td {
    border: 1px solid #e8d5f5;
    padding: 0.5rem 0.75rem;
    text-align: left;
}
.article-content th { background: #f3f0ff; font-weight: 600; color: #581c87; }