/*
 * Fortuna UI — sectie en sectiekop. Ruimte tussen secties: --fu-section (vloeiend).
 *   <section class="fu-section"><div class="fu-section__head"><h2 class="fu-h2">…</h2><a class="fu-more">…</a></div> …
 */
.fu-container {
	width: 100%;
	max-width: calc(var(--fu-container) + 2 * var(--fu-gutter));
	margin-inline: auto;
	padding-inline: var(--fu-gutter);
	box-sizing: border-box;
}

.fu-section { padding-block: var(--fu-section) 0; }
.fu-section:last-child { padding-bottom: var(--fu-section); }
/* Sectie die inhoudelijk bij de vorige hoort (bijv. het krantenraster onder de rubriektegels): minder lucht erboven. */
.fu-section--kop { padding-top: var(--fu-section-kop); }
.fu-section--aansluitend { padding-top: var(--fu-space-10); }

.fu-section__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--fu-space-4);
	margin-bottom: var(--fu-space-6);
}

.fu-section__head .fu-h2 { min-width: 0; }

/* Korte uitleg onder de sectiekop: vaste afstand tot kop en inhoud. */
.fu-section__intro {
	max-width: var(--fu-measure);
	/* Kop naar intro = het ruime ritme, gemeten tussen de letters (kop en intro zijn optisch bijgesneden, type.css). */
	margin: calc(var(--fu-ritme-tekst-ruim) - var(--fu-space-6)) 0 var(--fu-space-8);
	color: var(--fu-c-fg-sub);
	font: 400 var(--fu-fs-md) / 1.5 var(--fu-font-text);
	text-wrap: pretty;
}

/* Cijferpagina (besluit 07-10): pillen, dan kerncijfers, dan blokken, met vaste lucht ertussen. */
.fu-chipsbar + .fu-kpis,
.fu-chipsbar + .fu-blocks,
.fu-kpis + .fu-blocks,
.fu-kpis + .fu-filtergroep { margin-top: var(--fu-space-8); }

/* Tussenkop binnen een sectie. */
.fu-section__sub { margin: var(--fu-space-10) 0 var(--fu-space-3); }
.fu-section__sub:first-child { margin-top: 0; }

/* Band: sectie over de volle breedte op een zandkleurige ondergrond (ritme tussen secties). */
.fu-band {
	margin-top: var(--fu-section);
	padding-block: var(--fu-section);
	background: var(--fu-c-bg-sub);
}

.fu-band > .fu-section { padding-top: 0; }
.fu-band > .fu-section:last-child { padding-bottom: 0; }

/* Dunne lijn boven een sectie als scheiding zonder kader. */
.fu-section--ruled > .fu-container { border-top: var(--fu-lijn) solid var(--fu-c-line); padding-top: var(--fu-space-6); }