/* External Peer Review, 2026 design (B08, Nov 2026).
   Several selectors repeat the block class (.elite2026-ctaband.elite2026-ctaband--epr26)
   so they outrank the blocks' own styles whichever loads last.
   Loaded only on pages using the "EPR 2026 design" template, front end and
   editor. Selectors key off the blocks' --epr26 classes, which the blocks
   add only under that template. See inc/elite2026-epr26.php. */

/* ---- Hero: dark starfield, like the specialty pages ------------------ */

.elite2026-lhero.elite2026-lhero--epr26 {
	position: relative;
	overflow: hidden;
	background: var(--elite2026-ink);
	padding-block: clamp(56px, 7vw, 96px) clamp(64px, 8vw, 112px);
}
.elite2026-lhero--epr26 .elite2026-lhero__bg {
	position: absolute;
	inset: 0;
	background: url('../images/hero-bg.png') center / cover no-repeat;
	opacity: 0.22;
	pointer-events: none;
}
.elite2026-lhero--epr26 .elite2026-lhero__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.39);
	pointer-events: none;
}
.elite2026-lhero--epr26 .elite2026-shell { position: relative; z-index: 2; }

.elite2026-lhero--epr26 .elite2026-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 40px;
	font-family: var(--elite2026-font-sans);
	font-size: 14px;
	line-height: 21px;
}
.elite2026-lhero--epr26 nav.elite2026-breadcrumb a.elite2026-breadcrumb__link,
.elite2026-lhero--epr26 nav.elite2026-breadcrumb a.elite2026-breadcrumb__link:visited {
	color: var(--elite2026-white);
	text-decoration: none;
}
.elite2026-lhero--epr26 nav.elite2026-breadcrumb a.elite2026-breadcrumb__link:hover,
.elite2026-lhero--epr26 nav.elite2026-breadcrumb a.elite2026-breadcrumb__link:focus { color: var(--elite2026-blue); }
.elite2026-lhero--epr26 .elite2026-breadcrumb__current { color: var(--elite2026-blue); }
.elite2026-lhero--epr26 .elite2026-breadcrumb__sep { color: rgba(255, 255, 255, 0.5); flex: none; }

.elite2026-lhero.elite2026-lhero--epr26 h1.elite2026-lhero__title {
	max-width: 900px;
	margin: 0;
	font-family: var(--elite2026-font-serif);
	font-weight: 500;
	font-size: clamp(36px, 4.2vw, 52px);
	line-height: 1.13;
	letter-spacing: 0;
	color: var(--elite2026-white);
}
.elite2026-epr26__accent { color: var(--elite2026-blue); }
.elite2026-lhero--epr26 .elite2026-lhero__subtitle {
	max-width: 640px;
	margin: 20px 0 0;
	font-size: 16px;
	line-height: 28px;
	color: var(--elite2026-muted-on-dark);
}

/* ---- Intro: the hero's body text and button, on white ---------------- */

.elite2026-lhero-intro {
	background: var(--elite2026-white);
	padding-block: var(--elite2026-section-pad);
}
.elite2026-lhero-intro__inner { max-width: 720px; }
.lp-block.elite2026-lhero-intro .elite2026-lhero__body p {
	margin: 0 0 18px;
	font-size: 18px;
	line-height: 1.65;
	color: var(--elite2026-text-body);
}
.lp-block.elite2026-lhero-intro .elite2026-lhero__body p:last-child { margin-bottom: 0; }
.elite2026-lhero-intro .elite2026-lhero__cta { margin-top: 32px; }

/* ---- What We Review: dark, with the photo ---------------------------- */

.elite2026-itemgrid.elite2026-itemgrid--epr26 {
	background: #000 url('../images/epr-what-we-review.png') left center / cover no-repeat;
	padding-block: clamp(64px, 7vw, 96px);
}
.elite2026-itemgrid--epr26 .elite2026-itemgrid__split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(40px, 6vw, 96px);
	align-items: start;
}
.elite2026-itemgrid--epr26 .elite2026-itemgrid__head { margin: 0; }
.elite2026-itemgrid.elite2026-itemgrid--epr26 .elite2026-eyebrow { margin-bottom: 14px; font-size: 14px; }
.elite2026-itemgrid.elite2026-itemgrid--epr26 h2.elite2026-itemgrid__title {
	margin: 0 0 14px;
	font-family: var(--elite2026-font-serif);
	font-weight: 500;
	font-size: clamp(30px, 3vw, 40px);
	line-height: 1.15;
	color: var(--elite2026-white);
}
.elite2026-itemgrid--epr26 .elite2026-itemgrid__intro {
	max-width: 54ch;
	font-size: 16px;
	line-height: 1.75;
	color: var(--elite2026-muted-on-dark);
}
.elite2026-itemgrid--epr26 .elite2026-itemgrid__intro p { margin: 0; }

.elite2026-itemgrid--epr26 .elite2026-itemgrid__list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--elite2026-rule-on-dark);
}
.elite2026-itemgrid--epr26 .elite2026-itemgrid__row {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0;
	padding: 21px 0;
	border-bottom: 1px solid var(--elite2026-rule-on-dark);
	font-family: var(--elite2026-font-sans);
	font-size: 16px;
	line-height: 1.5;
	color: var(--elite2026-body-on-dark);
}
.elite2026-itemgrid--epr26 .elite2026-itemgrid__mark {
	flex: none;
	width: 14px;
	height: 14px;
	border-radius: 1px;
	background: var(--elite2026-blue);
}

/* ---- CTA band: compact, icon and copy left, button right ------------- */

.elite2026-ctaband.elite2026-ctaband--epr26 {
	background:
		radial-gradient(55% 160% at 82% 50%, rgba(59, 139, 255, 0.16), rgba(59, 139, 255, 0) 70%),
		linear-gradient(90deg, #04050A 0%, #060B18 100%);
	padding-block: clamp(36px, 4vw, 48px);
}
.elite2026-ctaband--epr26 .elite2026-ctaband__row {
	display: flex;
	align-items: center;
	gap: clamp(20px, 2.4vw, 32px);
}
.elite2026-ctaband--epr26 .elite2026-ctaband__icon {
	flex: none;
	display: inline-flex;
	color: var(--elite2026-blue);
}
.elite2026-ctaband--epr26 .elite2026-ctaband__icon svg { display: block; }
.elite2026-ctaband--epr26 .elite2026-ctaband__copy {
	flex: 1 1 auto;
	min-width: 0;
	padding-left: clamp(20px, 2.4vw, 32px);
	border-left: 1px solid var(--elite2026-rule-on-dark);
}
.elite2026-ctaband.elite2026-ctaband--epr26 h2.elite2026-ctaband__title {
	max-width: none;
	margin: 0 0 6px;
	font-size: clamp(22px, 2vw, 28px);
	line-height: 1.2;
	color: var(--elite2026-white);
}
.elite2026-ctaband--epr26 .elite2026-ctaband__text {
	max-width: 68ch;
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: var(--elite2026-muted-on-dark);
}
.elite2026-ctaband--epr26 .elite2026-ctaband__btn { flex: none; }

/* ---- Smaller screens -------------------------------------------------- */

@media (max-width: 860px) {
	.elite2026-itemgrid.elite2026-itemgrid--epr26 { background-position: 30% center; }
	.elite2026-itemgrid--epr26 .elite2026-itemgrid__split { grid-template-columns: 1fr; gap: 32px; }
	.elite2026-ctaband--epr26 .elite2026-ctaband__row { flex-wrap: wrap; }
	.elite2026-ctaband--epr26 .elite2026-ctaband__copy { flex-basis: calc(100% - 72px); }
	.elite2026-ctaband--epr26 .elite2026-ctaband__btn { margin-left: 0; }
}
@media (max-width: 560px) {
	.elite2026-ctaband--epr26 .elite2026-ctaband__icon { display: none; }
	.elite2026-ctaband--epr26 .elite2026-ctaband__copy { flex-basis: 100%; padding-left: 0; border-left: 0; }
	.elite2026-ctaband--epr26 .elite2026-ctaband__btn { width: 100%; }
	.elite2026-lhero-intro .elite2026-lhero__cta { width: 100%; }
}