/* Bng subpage layout — bngpage-* (crumbs + flat "on this page" anchors + full site header/footer reuse) */

.bngpage-top-cta {
	background: linear-gradient(to right, var(--c-primary) 0%, var(--c-secondary) 100%);
	padding: 14px 0;
	text-align: center;
	margin-top: 68px;
}

.bngpage-top-cta .content-wrap_lycrk {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

.bngpage-top-cta span { color: rgba(0,0,0,0.75); font-weight: 600; font-size: 14px; }
.bngpage-top-cta .link-btn_7P1Rz { background: var(--c-darker); color: #fff; border: none; }
.bngpage-top-cta .link-btn_7P1Rz:hover { background: #000; }

.bngpage-crumbs {
	max-width: 80rem;
	margin: 32px auto 0;
	padding-inline: 24px;
	font-size: 13px;
	color: var(--c-muted);
}

.bngpage-crumbs a { color: var(--c-muted); }
.bngpage-crumbs a:hover { color: var(--c-accent); }
.bngpage-crumbs span[aria-current] { color: var(--c-accent); }

.bngpage-hero {
	max-width: 80rem;
	margin: 16px auto 0;
	padding: 0 24px 32px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.bngpage-eyebrow {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--c-accent);
	margin-bottom: 12px;
}

.bngpage-hero h1 {
	font-size: clamp(2rem, 4vw, 3rem);
	color: #fff;
	margin-bottom: 12px;
}

.bngpage-standfirst { color: var(--c-muted); max-width: 640px; font-size: 17px; line-height: 1.7; }
.bngpage-meta { margin-top: 16px; font-size: 13px; color: var(--c-muted); opacity: 0.7; }

.bngpage-anchors {
	max-width: 80rem;
	margin: 0 auto;
	padding: 20px 24px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.bngpage-anchors a {
	font-size: 13px;
	padding: 8px 14px;
	border-radius: var(--border-radius-full);
	background: rgba(255,255,255,0.04);
	color: var(--c-muted);
	border: 1px solid rgba(255,255,255,0.06);
}

.bngpage-anchors a:hover { color: var(--c-accent); border-color: var(--c-primary); }

.bngpage-body {
	max-width: 780px;
	margin: 0 auto;
	padding: 48px 24px 20px;
}

.bngpage-section { margin-bottom: 44px; }
.bngpage-section h2 { font-size: 1.6rem; color: var(--c-accent); margin-bottom: 14px; scroll-margin-top: 90px; }
.bngpage-section p { color: var(--c-muted); line-height: 1.85; margin-bottom: 14px; }
.bngpage-section ul { color: var(--c-muted); padding-left: 22px; margin-bottom: 14px; line-height: 1.8; }
.bngpage-section li { margin-bottom: 6px; }

.bngpage-cards {
	max-width: 980px;
	margin: 0 auto;
	padding: 48px 24px 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--grid-gap);
}

.bngpage-card {
	padding: 26px;
	background: rgba(255,255,255,0.02);
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: var(--border-radius-lg);
}

.bngpage-card h3 { font-size: 18px; color: var(--c-accent); margin-bottom: 10px; }
.bngpage-card p, .bngpage-card li { color: var(--c-muted); font-size: 14.5px; line-height: 1.7; }
.bngpage-card ul { padding-left: 18px; }

.bngpage-cta {
	max-width: 780px;
	margin: 20px auto 60px;
	padding: 32px;
	text-align: center;
	background: rgba(255,255,255,0.02);
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: var(--border-radius-lg);
}

.bngpage-cta p { color: var(--c-muted); margin-bottom: 18px; }

.bngpage-related {
	max-width: 780px;
	margin: 0 auto 60px;
	padding: 0 24px;
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

.bngpage-related a {
	font-size: 13.5px;
	padding: 10px 16px;
	border-radius: var(--border-radius-md);
	background: rgba(255,255,255,0.03);
	border: 1px solid rgba(255,255,255,0.07);
	color: var(--c-muted);
}

.bngpage-related a:hover { color: var(--c-accent); border-color: var(--c-primary); }

@media (max-width: 63.9375em) {
	.bngpage-cards { grid-template-columns: 1fr; }
}