/* Typography bài viết, ảnh/nội dung crawl responsive, giữ layout không vỡ */
.mxh-breadcrumb {
	font-size: 0.85rem;
	color: var(--mxh-color-muted);
	margin-top: var(--mxh-space-md);
}

.mxh-single-header {
	margin-top: var(--mxh-space-sm);
	display: grid;
	gap: var(--mxh-space-xs);
}

.mxh-single-cat {
	font-size: 0.8rem;
	text-transform: uppercase;
	color: var(--mxh-color-accent);
	font-weight: 600;
}

.mxh-single-title {
	font-size: 1.6rem;
	line-height: 1.3;
	margin: 0;
}

.mxh-single-content {
	margin-top: var(--mxh-space-lg);
	font-size: 1.05rem;
	overflow-wrap: anywhere;
}

.mxh-single-content img,
.mxh-single-content iframe,
.mxh-single-content video,
.mxh-single-content table {
	max-width: 100%;
	height: auto;
}

.mxh-single-content table {
	display: block;
	overflow-x: auto;
}

.mxh-single-content p {
	margin: 0 0 var(--mxh-space-md);
}

.mxh-single-content h2,
.mxh-single-content h3 {
	margin-top: var(--mxh-space-lg);
}

.mxh-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mxh-space-xs);
	margin-top: var(--mxh-space-lg);
}

.mxh-tag {
	border: 1px solid var(--mxh-color-border);
	border-radius: 999px;
	padding: var(--mxh-space-xs) var(--mxh-space-sm);
	font-size: 0.8rem;
}

.mxh-related-posts {
	margin-top: var(--mxh-space-xl);
}