.post-list, .post-grid{margin-top: 20px;}

/* ---- List view ---- */
.post-list-item{
	margin-bottom: 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--smt-border);
}
.post-list-item:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.post-list-item img{
	width: 100%;
	aspect-ratio: 16/10;
	object-fit: cover;
	border-radius: 10px;
}
.post-list-item-title{
	display: block;
	font-family: var(--smt-font-heading);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 8px;
}
.post-list-item p{
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--smt-text-mute);
}

/* ---- Grid view (dùng lại giao diện .smt-card của trang chủ) ---- */
.post-grid .description_module{
	margin-bottom: 15px;
	font-size: 0.875rem;
	line-height: 1.7;
	color: var(--smt-text-mute);
}
.smt-card-media.post-card-media{
	padding: 0;
	overflow: hidden;
}
.smt-card-media.post-card-media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.smt-card-link{
	display: block;
}
.smt-card-link:hover .smt-card-title{
	color: var(--smt-orange);
}

/* ---- Nội dung chi tiết bài viết ---- */
.post-detail{
	padding-top: 10px;
}
.post-detail .title{
	font-size: clamp(1.5rem, 3vw, 2rem);
	line-height: 1.3;
}
.post-detail .bodytext p{
	text-align: justify;
}
.post-detail .bodytext h2{
	font-size: 1.5rem;
	line-height: 1.35;
	margin-top: 30px;
	margin-bottom: 12px;
}
.post-detail .bodytext h3{
	font-size: 1.1875rem;
	line-height: 1.4;
	margin-top: 24px;
	margin-bottom: 10px;
}
.post-detail .bodytext h4{
	font-size: 1rem;
	line-height: 1.4;
	margin-top: 18px;
	margin-bottom: 8px;
}
.post-detail .bodytext h2:first-child,
.post-detail .bodytext h3:first-child,
.post-detail .bodytext h4:first-child{
	margin-top: 0;
}
.post-detail .bodytext blockquote{
	background: var(--smt-bg-soft);
	border-left: 4px solid var(--smt-orange);
	border-radius: 6px;
	padding: 14px 20px;
	margin: 0 0 16px;
	color: var(--smt-text-soft);
	font-style: italic;
}
.post-detail .bodytext blockquote p{
	margin-bottom: 8px;
}
.post-detail .bodytext blockquote p:last-child{
	margin-bottom: 0;
	font-style: normal;
	font-size: 0.875rem;
}

/* ---- Bài viết liên quan ---- */
.post-related{
	margin-left: 15px;
}
.post-related-h{
	font-family: var(--smt-font-heading);
	font-weight: 700;
	font-size: 0.9688rem;
	color: var(--smt-navy);
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--smt-border);
}
.post-related-b{}
.post-related ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.post-related ul li{
	margin-bottom: 10px;
	font-size: 0.8438rem;
	line-height: 1.5;
}
.post-related ul li em{
	margin-right: 8px;
	font-size: 0.8125rem;
	color: var(--smt-text-mute);
}
.post-related ul li a{
	color: var(--smt-text);
}
.post-related ul li a:hover{
	color: var(--smt-orange);
}

/* RESPONSIVE MOBILE */
@media (max-width: 767px){
	.post-related{
		margin-left: 0;
		margin-top: 20px;
	}
}