/* ═══════════════════════════════════════════════════════════════════════════
   ASSESSMENT PAGE — BUILT FOR REALITIES SECTION
   ═══════════════════════════════════════════════════════════════════════════ */

.ce-assessment-built {
	background: #fff;
	padding: 5rem 0;
	position: relative;
	overflow: clip;
}

.ce-assessment-built::before {
	content: '';
	position: absolute;
	width: 450px;
	height: 450px;
	background: #f9f9f9;
	border-radius: 2.75rem;
	transform: rotate(45deg);
	top: -80px;
	left: -90px;
	pointer-events: none;
	z-index: 0;
}

.ce-assessment-built::after {
	content: '';
	position: absolute;
	width: 260px;
	height: 260px;
	background: #f9f9f9;
	border-radius: 2rem;
	transform: rotate(45deg);
	top: 420px;
	left: 178px;
	pointer-events: none;
	z-index: 0;
}

.ce-assessment-built .site-container {
	position: relative;
	z-index: 1;
}

.ce-assessment-built__title-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	margin-bottom: 0.75rem;
}

.ce-assessment-built__heading {
	font-family: var(--ci-font-primary);
	font-size: var(--ci-text-h2);
	font-weight: 700;
	color: #646464;
	margin: 0;
	line-height: 1.25;
}

.ce-assessment-built__sub {
	font-family: var(--ci-font-primary);
	font-size: var(--ci-text-body);
	color: #7a8a9a;
	text-align: center;
	margin: 0 auto 3rem;
	line-height: 1.7;
}

.ce-assessment-built .ce-assessment-built__grid {
	grid-template-columns: repeat(2, 1fr);
}

.ce-assessment-built .ce-feature-list__header {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.ce-assessment-built .ce-feature-list__badge {
	font-size: 1.75rem;
	flex-shrink: 0;
}

/* Cards here are informational only — no link — so remove the shared
   hover-lift shadow that otherwise makes them read as clickable. */
.ce-assessment-built .ce-feature-list__item:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 4px 20px rgba(0, 0, 0, 0.05);
}

@media (max-width: 680px) {
	.ce-assessment-built {
		padding: 3rem 0;
	}

	.ce-assessment-built .ce-assessment-built__grid {
		grid-template-columns: 1fr;
	}
}


/* ═══════════════════════════════════════════════════════════════════════════
   ASSESSMENT PAGE — FEATURES SECTION OVERRIDES
   ═══════════════════════════════════════════════════════════════════════════ */

.ce-assessment-reporting {
	background: #ffffff;
	position: relative;
	overflow: clip;
}

.ce-assessment-reporting::before {
	content: '';
	position: absolute;
	width: 450px;
	height: 450px;
	background: #f9f9f9;
	border-radius: 2.75rem;
	transform: rotate(45deg);
	top: -80px;
	left: -90px;
	pointer-events: none;
	z-index: 0;
}

.ce-assessment-reporting::after {
	content: '';
	position: absolute;
	width: 260px;
	height: 260px;
	background: #f9f9f9;
	border-radius: 2rem;
	transform: rotate(45deg);
	top: 420px;
	left: 178px;
	pointer-events: none;
	z-index: 0;
}

.ce-assessment-reporting .site-container {
	position: relative;
	z-index: 1;
}

.ce-assessment-reporting__title-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	margin-bottom: 0.75rem;
}

.ce-assessment-reporting .ce-mae-reporting__heading {
	margin: 0;
}

.ce-assessment-reporting__group-heading {
	font-family: var(--ci-font-primary);
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--ci-color-navy);
	margin: 2.5rem 0 1.25rem;
}

/* These cards have no video/link attached (no data-modal-title) on this
   page, so remove the shared clickable-card affordance that otherwise
   makes them look interactive. */
.ce-assessment-reporting .ce-mae-feature-card {
	cursor: default;
}

/* Pinned to the card's RESTING shadow, so hover changes nothing. Follows
   whatever that shadow is — it is now the shared card's glass treatment
   rather than the old flat drop shadow, and this has to match or hovering
   an unclickable card here would visibly swap back to the old look. */
.ce-assessment-reporting .ce-mae-feature-card:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 4px 20px rgba(0, 0, 0, 0.05);
}

.ce-assessment-reporting .ce-mae-feature-card:hover .ce-mae-feature-card__icon {
	filter: none;
}


/* ═══════════════════════════════════════════════════════════════════════════
   ASSESSMENT PAGE — TESTIMONIALS
   ═══════════════════════════════════════════════════════════════════════════ */

/* Now a .cc-testimonial-slider (see inc/testimonials-carousel.php), which
   brings its own background and layout — all this class still carries is the
   slightly tighter top padding this page wants. The __grid rules that used to
   live here went with the grid itself. */
.ce-assessment-testimonials {
	padding: 4rem 0 5rem;
}


/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */

/* (The 860px grid override that sat here went with the grid — the carousel
   handles its own breakpoints in testimonials.css.) */