/**
 * Partners and Supporters page layout — Figma nodes 153:3654 (desktop) / 153:5368 (mobile).
 */

.ipopi-partners {
	display: flex;
	flex-direction: column;
	background: var(--ipopi-color-background-base, #ffffff);
}

/* Intro section (page title + lead paragraphs) */
.ipopi-partners__intro {
	display: flex;
	flex-direction: column;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: var(--ipopi-space-600, 40px) var(--ipopi-space-400, 24px);
	box-sizing: border-box;
}

.ipopi-partners__intro .wp-block-ipopi-content-section .ipopi-section__inner {
	padding: 0;
}

.ipopi-partners__intro .ipopi-content-section__title {
	margin: 0 0 var(--ipopi-space-600, 40px);
	text-align: left;
	font-size: var(--ipopi-type-heading-4-mobile-size, 40px);
	line-height: var(--ipopi-type-heading-4-mobile-line-height, 48px);
	letter-spacing: var(--ipopi-type-heading-4-mobile-letter-spacing, -0.4px);
}

/* Guiding principles section */
.ipopi-partners__principles {
	display: flex;
	flex-direction: column;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: var(--ipopi-space-600, 40px) var(--ipopi-space-400, 24px);
	box-sizing: border-box;
}

.ipopi-partners__principles .wp-block-ipopi-content-section .ipopi-section__inner {
	padding: 0;
}

.ipopi-partners__principles .ipopi-content-section__title {
	margin: 0 0 var(--ipopi-space-600, 40px);
	text-align: left;
	font-size: var(--ipopi-type-body-large-size, 24px);
	line-height: var(--ipopi-type-body-large-line-height, 34px);
	letter-spacing: var(--ipopi-type-body-large-letter-spacing, -0.24px);
}

.ipopi-partners__principles .ipopi-content-section__body {
	font-size: var(--ipopi-type-body-small-size, 14px);
	line-height: var(--ipopi-type-body-small-line-height, 20px);
	letter-spacing: var(--ipopi-type-body-small-letter-spacing, -0.14px);
}

.ipopi-partners__principles .ipopi-content-section__body p {
	margin: 0 0 var(--ipopi-space-300, 16px);
	break-inside: avoid;
}

/* Mobile: leave description wrapping natural (desktop <br> is for 2-line layout). */
@media (max-width: 767px) {
	.ipopi-partners .ipopi-take-action__description br {
		display: none;
	}
}

@media (min-width: 768px) {
	.ipopi-partners__intro {
		padding: var(--ipopi-space-1000, 72px) var(--ipopi-space-700, 48px);
	}

	.ipopi-partners__intro .ipopi-content-section__title {
		margin-bottom: var(--ipopi-space-700, 48px);
		text-align: center;
		font-size: var(--ipopi-type-heading-4-size, 48px);
		line-height: var(--ipopi-type-heading-4-line-height, 58px);
		letter-spacing: var(--ipopi-type-heading-4-letter-spacing, -0.48px);
	}

	.ipopi-partners__principles {
		padding: var(--ipopi-space-1000, 72px) var(--ipopi-space-700, 48px);
	}

	.ipopi-partners__principles .ipopi-content-section__title {
		font-size: var(--ipopi-type-heading-5-size, 32px);
		line-height: var(--ipopi-type-heading-5-line-height, 42px);
		letter-spacing: var(--ipopi-type-heading-5-letter-spacing, -0.32px);
	}

	.ipopi-partners__principles .ipopi-content-section__body {
		column-count: 2;
		column-gap: var(--ipopi-space-400, 24px);
	}

	/*
	 * Take action — keep description on exactly 2 lines using the intentional <br>
	 * (Figma partners CTA). Default take-action max-width (568px) is too narrow.
	 */
	.ipopi-partners .ipopi-take-action__description {
		max-width: 1024px;
	}
}