.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 &,
	.error404 & {
		margin-block: var(--spacing-20);

		@media (width > 768px) {
			margin-block: var(--spacing-30);
		}

		@media (width > 1000px) {
			margin-block: var(--spacing-40);
		}
	}

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

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

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

		.alignfull {
			margin-inline: 0;
		}
	}

	.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(--spacing-10);
	}

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

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

.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-inline: auto !important;
	}
}