.the-content {
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);

	/* TODO: I feel like WordPress should be outputting this css. */
	:where(.has-global-padding) {
		padding-right: 0;
		padding-left: 0;
	}

	.single & {
		margin-block-start: var(--wp--preset--spacing--40);
		margin-block-end: var(--wp--preset--spacing--40);

		@media (width > 768px) {
			margin-block-start: var(--wp--preset--spacing--60);
			margin-block-end: var(--wp--preset--spacing--60);
		}
	}

	> :where(:not(.is-layout-constrained)) {
		margin-block-start: var(--wp--preset--spacing--40);
		margin-block-end: 0;
	}

	> .alignfull + .alignfull {
		margin-block-start: 0;
	}

	> :where(:first-child) {
		margin-block-start: 0;
	}

	/* biome-ignore lint: Isn't an issue. */
	.alignfull {
		clear: both;
		margin-right: calc(var(--wp--style--root--padding-right) * -1);
		margin-left: calc(var(--wp--style--root--padding-left) * -1);
	}

	.is-layout-constrained.alignfull {
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
	}

	.alignleft {
		float: left;
		margin-inline-start: 0;
		margin-inline-end: var(--wp--preset--spacing--40);
	}

	.alignright {
		float: right;
		margin-inline-start: var(--wp--preset--spacing--40);
		margin-inline-end: 0;
	}

	.alignwide {
		max-width: var(--wp--style--global--wide-size);
	}
}

.is-layout-constrained,
.the-content {
	> :where(:not(.alignleft):not(.alignright):not(.alignfull)),
	.gform_wrapper {
		max-width: var(--wp--style--global--content-size);
		/* biome-ignore lint: needed for specificity */
		margin-left: auto !important;
		/* biome-ignore lint: needed for specificity */
		margin-right: auto !important;
	}
}