.labo-intro {
	margin-block: 2rem;

	h1 {
		margin-bottom: 2rem;

		span {
			color: oklch(
				63.042% 0.15491 152.705
			); /* De kleur is donker en komt niet overeen met de variabele en de rest van de site, maar Axe labeled het als voldoende contrast */
		}
	}

	img {
		border-radius: 0.5rem;
		margin: 0;
		padding: 0;
	}

	ul {
		list-style-type: disc;
		margin-left: 1.5rem;
		margin-bottom: 1rem;

		li {
			margin-bottom: 0.5rem;
		}
	}
}

.labo-subtitle {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	color: var(--primary-color);
}

section:not(.labo-intro) {
	margin-block: 1.5rem;

	p {
		margin-bottom: 1rem;
	}

	ul {
		list-style-type: none;
	}

	h2 {
		margin-bottom: 0.5rem;
	}
}

.labo-reflection {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-top: 1rem;

	li {
		flex: 1 1 calc(33% - 1.5rem);
		min-width: 250px;
		border: 1px solid var(--primary-color-10);
		border-radius: 0.75rem;
		padding: 1.5rem;
		background: var(--primary-bg-color);
		box-shadow: var(--btn-shadow);

		h3 {
			font-size: 1rem;
			margin-bottom: 0.5rem;
		}
	}
}

.empty {
	display: block;
	font-style: italic;
	color: var(--secondary-color);
	margin-top: 0.5rem;
}