.saniport-blog-list { display: flex; flex-direction: column; gap: 26px; }

.saniport-blog-card {
	display: flex;
	gap: 20px;
	background: var(--sp-white);
	border-radius: var(--sp-radius);
	box-shadow: var(--sp-shadow);
	overflow: hidden;
}
.saniport-blog-thumb { flex: 0 0 240px; }
.saniport-blog-thumb img { height: 100%; object-fit: cover; }
.saniport-blog-body { padding: 20px 20px 20px 0; flex: 1; }

.saniport-blog-meta { display: flex; gap: 14px; font-size: 0.8rem; color: var(--sp-gray); margin-bottom: 8px; }

.saniport-blog-readmore { color: var(--sp-blue); font-weight: 700; }

.saniport-blog-single .saniport-blog-meta { margin-bottom: 20px; }

.saniport-blog-related { margin-top: 50px; }
.saniport-blog-related-card { display: block; border-radius: var(--sp-radius-sm); overflow: hidden; box-shadow: var(--sp-shadow); }
.saniport-blog-related-card span { display: block; padding: 10px; font-weight: 600; font-size: 0.9rem; }

.saniport-blog-sidebar .widget {
	background: var(--sp-gray-light);
	border-radius: var(--sp-radius);
	padding: 20px;
	margin-bottom: 20px;
}
.saniport-blog-sidebar .widget-title { font-size: 1rem; margin-bottom: 12px; }
.saniport-blog-sidebar ul { list-style: none; margin: 0; padding: 0; }
.saniport-blog-sidebar li { margin-bottom: 8px; }
.saniport-blog-sidebar a { color: var(--sp-gray-dark); }
.saniport-blog-sidebar a:hover { color: var(--sp-blue); }

@media (max-width: 575px) {
	.saniport-blog-card { flex-direction: column; }
	.saniport-blog-thumb { flex: none; }
	.saniport-blog-body { padding: 20px; }
}