/**
 * Annual Reports, Statutes and Regulations page layout — Figma nodes 153:2716 (desktop) / 153:4423 (mobile).
 */

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

/* Page title — H4/Bold 40px mobile, 48px desktop */
.ipopi-annual-reports .wp-block-ipopi-page-intro .ipopi-page-intro__title {
	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);
}

@media (min-width: 768px) {
	.ipopi-annual-reports .wp-block-ipopi-page-intro .ipopi-page-intro__title {
		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);
	}
}

/* Governance reuses the impact-reviews block on a white background (Figma 153:2790). */
.ipopi-annual-reports .wp-block-ipopi-impact-reviews.ipopi-annual-reports__governance {
	background: var(--ipopi-color-background-base, #ffffff);
}

/* Figma mobile (153:4464): governance title uses font-size-600 (32px). */
.ipopi-annual-reports .ipopi-annual-reports__governance .ipopi-impact-reviews__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);
}

@media (min-width: 768px) {
	.ipopi-annual-reports .ipopi-annual-reports__governance .ipopi-impact-reviews__title {
		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);
	}
}