/* Blog grid. The card itself is styled in the shared component sheet, so
   the archive template and this widget stay identical. */

.sm-blog-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 18px;
}

.sm-blog-head .sm-heading {
	margin: 0;
}

.sm-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}

@media (max-width: 1100px) {
	.sm-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
	.sm-blog-head { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 560px) {
	.sm-blog-grid { grid-template-columns: 1fr; }
}