/**
 * Post Card · CMS (grid-cms layout)
 */

.post-grid--grid-cms {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;
}

.post-grid--grid-cms .posts-item.card.posts-item--cms {
	height: 100%;
	border-radius: 16px;
}

.post-grid--grid-cms .posts-item--cms .item-body {
	gap: 10px;
}

.post-grid--grid-cms .posts-item--cms .item-excerpt {
	-webkit-line-clamp: 2;
}

.post-grid--grid-cms .posts-item--cms .item-cms-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.post-grid--grid-cms .posts-item--cms .item-cms-strip li {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 10px;
	border-radius: 999px;
	background: var(--surface-2);
	color: var(--color-ink-4);
	font-size: 12px;
	font-weight: 500;
}

.post-grid--grid-cms .posts-item--cms .item-cms-strip li::before {
	display: none;
}

@media (max-width: 640px) {
	.post-grid--grid-cms {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}
}

@media (max-width: 380px) {
	.post-grid--grid-cms {
		grid-template-columns: 1fr;
	}
}