/* Mobiele verfijningen voor het flowbibliotheek-overzicht. */

@media (max-width: 600px) {
	/* Trek de hero dichter onder de mobiele sitenavigatie. */
	.hfl-flow-library .hfl-archive-header {
		min-height: 0 !important;
		margin-top: -2.5rem !important;
		margin-bottom: 1.25rem !important;
		padding-top: .75rem !important;
		padding-bottom: 2.25rem !important;
	}

	.hfl-flow-library .hfl-archive-header__inner {
		gap: 1.5rem !important;
	}

	.hfl-flow-library .hfl-archive-eyebrow {
		margin-bottom: .8rem !important;
		font-size: 12px !important;
		line-height: 1.4 !important;
	}

	/* Het lange woord blijft leesbaar op één regel, ook op smallere telefoons. */
	.hfl-flow-library .hfl-archive-title {
		max-width: 100% !important;
		margin-bottom: 1rem !important;
		font-size: clamp(28px, 8.7vw, 40px) !important;
		line-height: 1.02 !important;
		letter-spacing: -.045em !important;
		white-space: nowrap !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}

	.hfl-flow-library .hfl-archive-intro {
		margin-bottom: 1.25rem !important;
	}
}