:root {
	--sc-container-width: min(1120px, calc(100vw - 2rem));
	--sc-space-2xs: 0.5rem;
	--sc-space-xs: 0.75rem;
	--sc-space-sm: 1rem;
	--sc-space-md: 1.5rem;
	--sc-space-lg: 2rem;
	--sc-space-xl: 3rem;
	--sc-space-2xl: 4.5rem;
	--sc-space-3xl: 6rem;
}

@media (min-width: 782px) {
	:root {
		--sc-container-width: min(1200px, calc(100vw - 4rem));
		--sc-space-lg: 2.5rem;
		--sc-space-xl: 4rem;
		--sc-space-2xl: 6rem;
		--sc-space-3xl: 8rem;
	}
}

.wp-site-blocks > * {
	margin-block-start: 0;
}

.wp-site-blocks > * + * {
	margin-block-start: var(--sc-space-xl);
}

.wp-block-group,
.wp-block-cover,
.wp-block-columns {
	margin-block-start: var(--sc-space-lg);
	margin-block-end: var(--sc-space-lg);
}

.wp-block-group.alignwide,
.wp-block-cover.alignwide,
.wp-block-columns.alignwide,
.wp-block-group.alignfull > .wp-block-group__inner-container,
.wp-block-cover.alignfull > .wp-block-cover__inner-container {
	max-width: var(--sc-container-width);
	margin-inline: auto;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: var(--sc-container-width);
}

.sc-section {
	padding-block: var(--sc-space-xl);
}

.sc-section--tight {
	padding-block: var(--sc-space-lg);
}

.sc-section--loose {
	padding-block: var(--sc-space-2xl);
}