/* PEIBWA text + tinted panel (About "What Does PEIBWA Do?"). */

.lake-root .b-text-panel .row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(2rem, 6vw, 5rem);
	align-items: start;
}

.lake-root .b-text-panel.panel-left .txt {
	order: 2;
}

.lake-root .b-text-panel .txt .s-head {
	margin-bottom: 1.5rem;
}

.lake-root .b-text-panel .txt .s-body p {
	margin: 0 0 1.15em;
}

.lake-root .b-text-panel .txt .s-body p:last-child {
	margin-bottom: 0;
}

.lake-root .b-text-panel .panel {
	border-radius: 12px;
	padding: clamp(1.5rem, 3vw, 2rem);
}

.lake-root .b-text-panel .panel.tint-secondary { background: var(--color-secondary-lighter, #e4def1); }
.lake-root .b-text-panel .panel.tint-primary { background: rgba(156, 191, 243, 0.3); }
.lake-root .b-text-panel .panel.tint-accent { background: rgba(163, 211, 217, 0.3); }

.lake-root .b-text-panel .panel-body p {
	margin: 0 0 1.15em;
}

.lake-root .b-text-panel .panel-body p:last-child {
	margin-bottom: 0;
}

/* Lists in the panel or body get the theme's purple arrow markers. */
.lake-root .b-text-panel .panel-body ul,
.lake-root .b-text-panel .txt .s-body ul {
	margin: 0;
	padding-left: 2.5rem;
	list-style: disc;
}

.lake-root .b-text-panel .panel-body ul li,
.lake-root .b-text-panel .txt .s-body ul li {
	padding-left: 0.5rem;
	padding-bottom: 0.85rem;
	line-height: 1.6;
}

.lake-root .b-text-panel .panel-body ul li::marker,
.lake-root .b-text-panel .txt .s-body ul li::marker {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='18' viewBox='0 0 32 18' fill='none'%3E%3Cg clip-path='url(%23clip0_12577_24150)'%3E%3Cmask id='mask0_12577_24150' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='-1' y='0' width='29' height='16'%3E%3Cpath d='M27.6552 0H-0.078125V15.6H27.6552V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_12577_24150)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9529 9.20515H0V8.23015H24.9529L21.5865 4.8374L22.2705 4.14795L26.8048 8.71771L22.2705 13.2874L21.5865 12.598L24.9529 9.20515Z' fill='%236A5AA7'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12577_24150'%3E%3Crect width='32' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

@media (max-width: 820px) {
	.lake-root .b-text-panel .row {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.lake-root .b-text-panel.panel-left .txt {
		order: 0;
	}
}