/* Dynamic section block — wrapper + canvas empty-state. */
.b-dynamic {
	display: block;
}

/* Background tone, matching the section tones used by the other blocks. The
 * source's inner .s section is transparent, so the wrapper colour shows through
 * and spans the full bleed. */
.b-dynamic.dark {
	background: var(--brand-deep, oklch(0.24 0.012 260));
}

.b-dynamic.white {
	background: #fff;
}

/* Keep text readable on a dark background. */
.b-dynamic.dark {
	color: oklch(0.86 0.01 260);
}

.b-dynamic.dark h2,
.b-dynamic.dark h3,
.b-dynamic.dark .board-name,
.b-dynamic.dark .jobs-company {
	color: #fff;
}

.b-dynamic.dark p {
	color: oklch(0.86 0.01 260);
}

/* Empty-state shown on the editor canvas when no source is picked. */
.lake-dyn-empty {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 180px;
	padding: 40px 24px;
	margin: 24px;
	border: 1px dashed var(--brand-line, #d9e2e0);
	border-radius: var(--brand-radius, 6px);
	background: var(--brand-paper, #f4faf9);
	color: var(--brand-body, #5a5a5a);
}

.lake-dyn-empty strong {
	font-family: var(--brand-head, inherit);
	font-size: 1.05rem;
	color: var(--brand-ink, #000);
}

.lake-dyn-empty span {
	font-size: 0.9rem;
	max-width: 36ch;
}