/*
 * Post-Header variant: numbered-report-page (Business family, catalogue "ohne Bild" V7).
 *
 * Only what makes this design this design: the row and the numeral's size. The numeral's face
 * and colour are the family's (`variant-business-base.css`), shared with
 * `annual-report-numbered` — as is the `aria-hidden` that keeps a screen reader from announcing
 * "zero one" before the headline.
 *
 * The row is flex rather than a two-track grid, because the numeral's width is its own: "01" and
 * "XII" should not both reserve the same column, and there is no second row to align to.
 */

.mfph-numbered-report-page {
	display: flex;
	gap: 26px;
	max-width: 780px;
	margin: 0 auto;
	padding: clamp(32px, 5vw, 52px) 24px 44px;
}

.mfph-numbered-report-page__numeral {
	font-size: 100px;
	line-height: 0.75;
}

.mfph-numbered-report-page__title {
	font-size: clamp(24px, 3.2vw, 36px);
}

@media (max-width: 560px) {

	/* Same reason as the sibling's: at phone widths a 100px numeral is a wall, not furniture. */
	.mfph-numbered-report-page {
		gap: 14px;
	}

	.mfph-numbered-report-page__numeral {
		font-size: 56px;
	}
}