/* Blog Section */
:root {
	--homepage-blog-card-width: 378.67px;
	--homepage-blog-card-gap: 32px;
}
section.blog { padding:var(--spacing-section-y) 0; }
.blog-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(var(--homepage-blog-card-width),var(--homepage-blog-card-width)));
	gap:var(--homepage-blog-card-gap);
	max-width:calc(var(--homepage-blog-card-width) * 3 + var(--homepage-blog-card-gap) * 2);
	margin:0 auto;
	justify-items:center;
	justify-content:center;
}
.blog-card { background-color:#fff; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md); width:100%; max-width:var(--homepage-blog-card-width); }
.blog-img { height:200px; background-color:#ddd; }
.blog-content { padding:1.5rem; }

@media (max-width:900px){
	.blog-grid { max-width:calc(var(--homepage-blog-card-width) * 2 + var(--homepage-blog-card-gap)); }
}

@media (max-width:560px){
	.blog-grid {
		grid-template-columns:repeat(auto-fit,minmax(100%,1fr));
		max-width:100%;
	}
	.blog-card { max-width:100%; }
}