@import '../../../styles/essentials';

.full-width {
	padding: 3em 0;

	&.extra-narrow {
		@media (min-width: 768px) {
			.container {
				max-width: calc(768px + 2 * 5em);
			}
		}
	}

	&.module-inner-border-top {
		.container {
			border-top: 0.5rem solid #f8f8f8;
			padding-top: 2rem;
		}
	}
}


// ── v2 development indicator ─────────────────────────────────────────────────
// Remove this block once the v2 design is finalised.

.full-width-v2 {
    outline: 3px dashed #22c55e;
    background-color: rgba(34, 197, 94, 0.06) !important;
}