/* Сетки и плейсхолдеры (fallback index). */
.grid {
	display: grid;
	gap: var(--space-md);
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 640px) {
	.grid--3 {
		grid-template-columns: repeat(3, 1fr);
	}
}

.placeholder-card {
	min-height: 160px;
	padding: var(--space-md);
	border: 1px dashed var(--color-border);
	border-radius: var(--radius-md);
	background-color: rgba(255, 253, 252, 0.5);
	display: flex;
	align-items: flex-end;
}

.section--surface .placeholder-card {
	background-color: var(--color-bg);
}

.placeholder-card--compact {
	min-height: 120px;
}

.placeholder-card__label {
	font-size: 0.9375rem;
	color: var(--color-text-muted);
}