.post-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--space-md);
}

.post-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-base);
	overflow: hidden;
	transition: box-shadow var(--transition-base);
}

.post-card:hover {
	box-shadow: 0 4px 16px rgb(0 0 0 / 0.08);
}

.post-card__thumbnail img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.post-card__body {
	padding: var(--space-sm);
}

.post-card__title {
	font-size: 1.125rem;
	margin-bottom: var(--space-xs);
}

.post-card__meta {
	font-size: 0.8125rem;
	color: var(--color-text-muted);
	margin-bottom: var(--space-xs);
}

.post-card__excerpt {
	font-size: 0.9375rem;
	color: var(--color-text-muted);
	margin-bottom: 0;
}