/**
 * LOVSETTI layout: containers, sections, grids.
 */

.ls-container {
	max-width: var(--ls-container-max);
	margin-inline: auto;
	padding-inline: var(--ls-container-padding);
}

.ls-container-wide {
	max-width: var(--ls-container-wide-max);
	margin-inline: auto;
	padding-inline: var(--ls-container-padding);
}

.ls-container-narrow {
	max-width: var(--ls-container-narrow-max);
	margin-inline: auto;
	padding-inline: var(--ls-container-padding);
}

.ls-section {
	padding-block: var(--ls-section-spacing);
}

.ls-section-sm {
	padding-block: calc(var(--ls-section-spacing) * 0.5);
}

main#primary {
	display: block;
}

.ls-card-grid {
	display: grid;
	gap: var(--ls-space-6);
	grid-template-columns: repeat(1, 1fr);
}

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

@media (min-width: 1024px) {
	.ls-card-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--ls-space-7);
	}
}

.ls-page-content {
	max-width: var(--ls-container-narrow-max);
}