/**
 * Strategy (2026-2030) page layout — Figma nodes 153:2555 (desktop) / 153:4278 (mobile).
 */

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

/* Unified intro section (title + body + accordion) */
.ipopi-strategy__intro {
	display: flex;
	flex-direction: column;
	gap: var(--ipopi-space-600, 40px);
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: var(--ipopi-space-600, 40px) var(--ipopi-space-400, 24px);
	box-sizing: border-box;
}

.ipopi-strategy__intro .wp-block-ipopi-content-section .ipopi-section__inner,
.ipopi-strategy__intro .wp-block-ipopi-accordion-section .ipopi-section__inner {
	padding: 0;
}

/* Main page title (first content section) */
.ipopi-strategy__intro .wp-block-ipopi-content-section .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);
}

.ipopi-strategy__intro .wp-block-ipopi-content-section .ipopi-content-section__body {
	color: var(--ipopi-color-text, #2b2827);
}

/* Accordion within intro */
.ipopi-strategy__intro .wp-block-ipopi-accordion-section .ipopi-accordion-section__title {
	margin: 0 0 var(--ipopi-space-300, 16px);
	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-strategy__intro .wp-block-ipopi-accordion-section .ipopi-accordion-section__intro {
	margin: 0 0 var(--ipopi-space-300, 16px);
	color: var(--ipopi-color-text, #2b2827);
}

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

	.ipopi-strategy__intro .wp-block-ipopi-content-section .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-strategy__intro .wp-block-ipopi-accordion-section .ipopi-accordion-section__title {
		margin-bottom: var(--ipopi-space-300, 16px);
		font-size: 40px;
		line-height: var(--ipopi-type-heading-4-line-height, 58px);
		letter-spacing: var(--ipopi-type-heading-4-letter-spacing, -0.48px);
	}

	.ipopi-strategy__intro .wp-block-ipopi-accordion-section .ipopi-accordion-section__intro {
		margin-bottom: var(--ipopi-space-300, 16px);
	}
}