html {
	/* BUG: DIVI-Builder breaks with '100vh' */
	&:not([class*="et-fb-preview"]) {
		& body {
			min-height: 100vh;

			&.et-db #et-boc {
				min-height: 100vh;

				& .et_builder_outer_content {
					min-height: 100vh;

					@media screen and (min-width: 980px) {
						& {
							grid-template-rows: max-content 1fr max-content;
						}
					}

					@media screen and (max-width: 980px) {
						& {
							grid-template-rows: max-content max-content max-content;
						}
					}
				}
			}
		}
	}

	& #et-boc .et_builder_outer_content {
		display: grid;
		align-items: center;

		& .et-l.et-l--header {
			margin: 0;
			padding: 0;
			transition: var(--transition-color-background);
			z-index: var(--strata-chaos--low----);

			color: var(--current-fore-color);
			background-color: var(--current-back-color);

			& .et_pb_sticky_module {
				background-color: var(--current-back-color);
				transition: var(--transition-color-background);

				&.et_pb_sticky {
					padding-inline: var(--static-basic-space);
				}
			}
		}

		& .et-l.et-l--body {
			display: grid;
			align-items: center;
			grid-auto-rows: max-content;
			grid-template-areas: "box";
			min-height: 100%;
			z-index: var(--strata-baldur-base---);

			& .et_builder_inner_content {
				grid-area: box;
				display: grid;
				grid-auto-rows: max-content;
				min-height: 100%;

				& .et_pb_section:first-child {
					margin-block-start: 0;
				}
			}
		}

		& .et-l.et-l--footer {
			margin: 0;
			padding: 0;
			transition: var(--transition-color-background);
			z-index: var(--strata-atlas--back---);

			color: var(--current-fore-color);
			background-color: var(--current-back-color);
		}

		& .et-l[class*="et-l--"] {
			position: relative;

			& .et_builder_inner_content {
				& .et_pb_section {
				}

				& .et_pb_row {
					margin-inline: auto;
				}

				@media (min-width: 981px) {
					& .et_pb_section .et_pb_row .et_pb_column:not(:last-of-type) {
						margin-inline-end: var(--gutter---fluid);
					}
				}
			}
		}
	}
}