/**
 * Reusable grid layouts.
 */

.bes-grid {
	display: grid;
	gap: 24px;
}

.bes-grid--2 { grid-template-columns: 1fr; }
.bes-grid--3 { grid-template-columns: 1fr; }
.bes-grid--4 { grid-template-columns: 1fr; }

@media (min-width: 640px) {
	.bes-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bes-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bes-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
	.bes-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.bes-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Editorial two-column split (heading left, copy right) */
.bes-split {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	align-items: start;
}

@media (min-width: 1024px) {
	.bes-split {
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		gap: 64px;
	}
}

/* Left rail with gold bar */
.bes-split__rail {
	position: relative;
	padding-left: 20px;
}

.bes-split__rail::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	bottom: 6px;
	width: 4px;
	background: var(--bes-gold);
}