/*
 * Responsive corrections shared by the public site and Breakdance canvas.
 * Keep rules scoped to the affected native elements so builder content remains editable.
 */

@media (min-width: 768px) and (max-width: 1119px) {
	/* Team story: its fixed photo leaves too little copy width at either tablet size. */
	.bde-section-58-161 .section-container {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 48px !important;
	}

	.bde-column-58-169 {
		width: 100% !important;
		min-height: 430px !important;
	}

	.bde-column-58-163 {
		width: 100% !important;
	}

	.bde-heading-58-165 {
		font-size: 44px !important;
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	/* Investment strategy: use the same tablet stack as the phone layout. */
	.bde-column-33184-148 {
		grid-template: auto auto / minmax(0, 1fr) !important;
		gap: 48px !important;
		align-items: start !important;
	}

	.bde-column-33184-178 {
		min-height: 430px !important;
	}

	.bde-heading-33184-158 {
		font-size: 44px !important;
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}

	/* Keep consultation proof points balanced and readable on tablet portrait. */
	.lp-proof-item {
		padding: 28px 22px !important;
	}

	.lp-proof-text {
		font-size: 20px !important;
	}
}

@media (max-width: 1023px) {
	/* The single-post featured image had a fixed 800px width on phones and portrait tablets. */
	#single-post-featured-image,
	.bde-image-38725-106,
	.bde-image-38725-106 .breakdance-image,
	.bde-image-38725-106 .breakdance-image-container,
	.bde-image-38725-106 .breakdance-image-clip,
	.bde-image-38725-106 .breakdance-image-object {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 479px) {
	/* Restore an accessible phone menu without crowding the consultation CTA. */
	.sojo-mobile-menu {
		--sojo-mobile-menu-display: block !important;
	}

	.nav {
		padding-right: 10px !important;
		padding-left: 12px !important;
	}

	.nav .logo,
	.nav .logo img {
		width: 112px !important;
		height: auto !important;
	}

	.nav .right {
		gap: 3px !important;
	}

	.sojo-header-cta-mobile {
		--sojo-header-cta-padding: 9px 10px !important;
		--sojo-header-cta-font-size: 9px !important;
	}

	.bde-menu-37981-128 .breakdance-menu {
		--toggle-padding: 8px 8px 8px 8px !important;
		--toggle-layer-width: 22px !important;
		--mobile-offcanvas-width: min(340px, 92vw) !important;
	}

	/* Keep the approved hero headline inside the phone canvas. */
	.bde-heading-16-672 {
		font-size: clamp(46px, 13vw, 51px) !important;
	}

	/* Give the embedded Moxo page a wider internal viewport, then scale it to fit. */
	.sojo-portal-frame {
		overflow: hidden !important;
	}

	.sojo-portal-iframe {
		width: 112.5% !important;
		min-height: 760px !important;
		transform: scale(0.8889);
		transform-origin: top left;
		margin-right: -12.5%;
		margin-bottom: -84px;
	}

}

/*
 * The closed third-party widget cannot separate its prompt from its trigger.
 * At tablet and phone sizes its automatic prompt covers page content.
 */
@media (max-width: 1119px) {
	chat-widget {
		display: none !important;
	}
}