/* Blog module styles: visually consistent with user_queries.css */
.blog-content {
	color: #222;
	font-size: 1rem;
	line-height: 1.7;
}
.blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6 {
	font-weight: 600;
	margin-top: 1.2em;
	margin-bottom: 0.6em;
	line-height: 1.25;
}
.blog-content h1 { font-size: 2rem; }
.blog-content h2 { font-size: 1.5rem; }
.blog-content h3 { font-size: 1.2rem; }
.blog-content ul, .blog-content ol {
	margin-left: 1.5em;
	margin-bottom: 1em;
}
.blog-content ul { list-style-type: disc; }
.blog-content ol { list-style-type: decimal; }
.blog-content li {
	margin-bottom: 0.25em;
}
.blog-content p {
	margin-bottom: 1em;
}
.blog-content strong { font-weight: 600; }
.blog-content em { font-style: italic; }
.blog-content blockquote {
	border-left: 4px solid #e5e7eb;
	padding-left: 1em;
	color: #555;
	margin: 1em 0;
}
.blog-content code {
	background: #f3f4f6;
	padding: 0.2em 0.4em;
	border-radius: 4px;
	font-size: 0.95em;
}
.blog-content pre {
	background: #f3f4f6;
	padding: 1em;
	border-radius: 6px;
	overflow-x: auto;
	margin-bottom: 1em;
}
.blog-content table {
	border-collapse: collapse;
	margin-bottom: 1em;
}
.blog-content th, .blog-content td {
	border: 1px solid #e5e7eb;
	padding: 0.5em 1em;
	font-size: 0.95em;
}
.blog-content th {
	background: #f9fafb;
	font-weight: 600;
}

/* Streaming markdown styles */
.markdown-content {
	animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(5px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.markdown-content h1,
.markdown-content h2,
.markdown-content h3 {
	animation: slideInLeft 0.4s ease-out;
}

@keyframes slideInLeft {
	from {
		opacity: 0;
		transform: translateX(-10px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.markdown-content p,
.markdown-content li {
	animation: fadeInUp 0.3s ease-out;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.markdown-content code {
	animation: fadeIn 0.2s ease-in;
	transition: background-color 0.2s ease;
}

.markdown-content a {
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

/* Smooth transitions for content updates */
.markdown-content * {
	transition: opacity 0.15s ease;
}