/**
 * CODXN Clinic Theme — Commercial Homepage Styles
 *
 * Front-page-only presentation layer for homepage-scoped classes. Reuses the
 * theme's existing semantic tokens (theme.json presets + --wp--custom--*),
 * Light/Dark/System (no isolated dark-mode block), motion classes, and
 * background utilities. Adds no raw color palette and no remote assets.
 * The homepage remains fully readable without this file (base style.css
 * provides fallback layout) and without JavaScript.
 *
 * Sections:
 *   1. Shared homepage rhythm & typography
 *   2. Hero + trust strip
 *   3. Services / Doctors media cards
 *   4. About / Why-us / Charter grids
 *   5. Hours + Appointment CTA
 *   6. Location/contact + Final CTA
 *   7. Buttons & arrow links
 *   8. Responsive (1024 / 768 / 390 / 320)
 *   9. Reduced motion
 */

/* ============================================================
 * 1. Shared homepage rhythm & typography
 * ============================================================ */
.codxn-home .codxn-eyebrow {
	letter-spacing: 0.04em;
	text-transform: none;
	margin-block-end: var(--wp--preset--spacing--2-xs, 0.35rem);
}

.codxn-home .codxn-section-lead,
.codxn-home .codxn-hero-lead {
	max-width: 60ch;
	color: var(--wp--preset--color--text-muted);
	line-height: 1.75;
}

.codxn-home section {
	overflow-wrap: break-word;
}

/* ============================================================
 * 2. Hero + trust strip
 * ============================================================ */


/* Keep the generic local illustration comfortably framed while allowing any
 * Gutenberg-replaced clinic photography to fill the premium portrait stage. */


.codxn-home-trust-strip .codxn-trust-item {
	height: 100%;
}

/* ============================================================
 * 3. Services / Doctors media cards
 *
 * .codxn-card-media is an always-rendered wrapper (a core Group block),
 * so the visual area never collapses even when core/post-featured-image
 * emits no markup (which happens whenever a post has no featured image).
 * It contains, in this order:
 *   1. .codxn-card-media-fallback — a local visual fallback (always present)
 *   2. .codxn-card-media-photo    — the featured image, present only when
 *                                    the post actually has one
 * Both layers fill the same box (position: absolute; inset: 0) so the
 * photo — when it exists — paints over the fallback with no layout shift
 * and no JavaScript.
 * ============================================================ */
.codxn-media-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.codxn-card-media {
	/* Explicit width is required: this wrapper is a child of a core Group
	 * using the "constrained" layout, which forces margin-inline:auto via
	 * `!important`. Auto margins in the cross axis disable flex-stretch, and
	 * because both layers inside are position:absolute (no intrinsic size),
	 * the box would otherwise collapse to 0×0 — confirmed via DOM inspection. */
	width: 100% !important;
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--md, 0.625rem);
	background-color: color-mix(in srgb, var(--wp--preset--color--brand-text) 7%, var(--wp--preset--color--surface));
}

.codxn-card-media-fallback,
.codxn-card-media-photo {
	position: absolute;
	inset: 0;
	margin: 0;
}

.codxn-card-media-fallback img,
.codxn-card-media-photo img {
	display: block;
	width: 100%;
	height: 100%;
}

.codxn-card-media-fallback img {
	object-fit: contain;
	padding: 18%;
	opacity: 0.85;
}

.codxn-card-media-photo img {
	object-fit: cover;
}

.codxn-media-card .wp-block-post-excerpt {
	margin-top: auto;
}

/* ============================================================
 * 3a. Homepage Doctor Spotlight — canonical source
 *
 * Structural, visual, dark-mode, responsive, and reduced-motion rules are
 * intentionally kept together. No later homepage layer should restyle this
 * component.
 * ============================================================ */
.codxn-home-doctors {
	position: relative;
	isolation: isolate;
	overflow: clip;
	background:
		radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--codxn-palette-soft) 72%, transparent) 0 8rem, transparent 20rem),
		linear-gradient(180deg, color-mix(in srgb, var(--codxn-palette-surface) 94%, var(--codxn-palette-soft)), var(--codxn-palette-surface));
}

.codxn-home-doctors > .wp-block-group.alignwide {
	position: relative;
	z-index: 1;
}

.codxn-home-doctors > .wp-block-group.alignwide::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-block-start: 12%;
	inset-inline-end: -6rem;
	inline-size: 18rem;
	block-size: 18rem;
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 12%, transparent);
	border-radius: 50%;
	box-shadow:
		0 0 0 2.5rem color-mix(in srgb, var(--codxn-palette-soft) 18%, transparent),
		0 0 0 5rem color-mix(in srgb, var(--codxn-palette-soft) 10%, transparent);
	opacity: 0.72;
	pointer-events: none;
}

.codxn-home-doctors .codxn-doctor-spotlight {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(1.25rem, 2.7vw, 2.75rem);
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 18%, var(--wp--preset--color--border));
	border-radius: clamp(1.75rem, 3vw, 2.5rem);
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--codxn-palette-surface) 98%, var(--codxn-palette-soft)), color-mix(in srgb, var(--codxn-palette-surface) 90%, var(--codxn-palette-soft)));
	box-shadow: var(--codxn-depth-2);
}

.codxn-home-doctors .codxn-doctor-spotlight::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset-block-start: -20%;
	inset-inline-end: -9%;
	inline-size: min(48vw, 36rem);
	block-size: min(48vw, 36rem);
	border-radius: 58% 42% 48% 52% / 40% 54% 46% 60%;
	background: color-mix(in srgb, var(--codxn-palette-soft) 36%, transparent);
}

.codxn-home-doctors .codxn-doctor-spotlight__layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr);
	align-items: center;
	gap: clamp(1.75rem, 3.6vw, 3.75rem);
	margin: 0;
}

.codxn-home-doctors .codxn-doctor-spotlight__layout > * {
	min-inline-size: 0;
}

.codxn-home-doctors .codxn-doctor-spotlight__content {
	display: flex;
	position: relative;
	z-index: 1;
	flex-direction: column;
	align-items: flex-start;
	padding-block: clamp(0.5rem, 2vw, 2rem);
	text-align: start;
}

.codxn-home-doctors .codxn-doctor-spotlight__eyebrow {
	display: inline-flex;
	align-items: center;
	inline-size: fit-content;
	gap: 0.5rem;
	margin: 0 0 1rem;
	padding: 0.42rem 0.8rem 0.42rem 0.95rem;
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 28%, var(--wp--preset--color--border));
	border-radius: var(--wp--custom--radius--pill, 999px);
	background: color-mix(in srgb, var(--codxn-palette-soft) 58%, var(--codxn-palette-surface));
	color: var(--wp--preset--color--brand-text);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
}

.codxn-home-doctors .codxn-doctor-spotlight__eyebrow-icon {
	inline-size: 1.125rem;
	block-size: 1.125rem;
	color: var(--wp--custom--semantic--icon-foreground);
}

.codxn-home-doctors .codxn-doctor-spotlight__name {
	max-inline-size: 15ch;
	margin: 0;
	font-size: clamp(2.15rem, 3.7vw, 3.65rem) !important;
	font-weight: 750;
	line-height: 1.08;
	letter-spacing: -0.035em;
	text-wrap: balance;
}

.codxn-home-doctors .codxn-doctor-spotlight__title {
	max-inline-size: 46ch;
	margin-block: 0.95rem 0;
	font-size: clamp(1rem, 1.25vw, 1.16rem) !important;
	font-weight: 650;
	line-height: 1.55;
	color: var(--wp--preset--color--brand-text);
}

.codxn-home-doctors .codxn-doctor-spotlight__summary {
	max-inline-size: 48ch;
	margin-block: 0.85rem 0;
	color: var(--wp--preset--color--text-muted);
	font-size: clamp(0.98rem, 1.1vw, 1.08rem);
	line-height: 1.8;
}

.codxn-home-doctors .codxn-doctor-spotlight__facts {
	display: flex;
	flex-wrap: wrap;
	inline-size: min(100%, 34rem);
	gap: 0.65rem;
	margin-block-start: clamp(1.25rem, 2vw, 1.75rem);
}

.codxn-home-doctors .codxn-doctor-spotlight__fact {
	display: flex;
	align-items: center;
	min-inline-size: 0;
	gap: 0.55rem;
	max-inline-size: 100%;
	margin: 0;
	padding: 0.58rem 0.72rem;
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 22%, var(--wp--preset--color--border));
	border-radius: 999px;
	background: color-mix(in srgb, var(--codxn-palette-surface) 90%, var(--codxn-palette-soft));
	box-shadow: var(--codxn-depth-1);
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 620;
	line-height: 1.4;
}

.codxn-home-doctors .codxn-doctor-spotlight__fact-icon {
	flex: 0 0 auto;
	inline-size: 1.125rem;
	block-size: 1.125rem;
	color: var(--wp--custom--semantic--icon-foreground);
}

.codxn-home-doctors .codxn-doctor-spotlight__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.8rem;
	margin-block-start: clamp(1.5rem, 2.7vw, 2.25rem);
}

.codxn-home-doctors .codxn-doctor-spotlight__actions .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin: 0;
}

.codxn-home-doctors .codxn-doctor-spotlight__actions .wp-block-button {
	margin: 0;
}

.codxn-home-doctors .codxn-doctor-spotlight__media-column {
	display: grid;
	place-items: center;
}

.codxn-home-doctors .codxn-doctor-spotlight__media-stage {
	position: relative;
	isolation: isolate;
	display: grid;
	place-items: end center;
	inline-size: min(100%, 30rem) !important;
	min-block-size: clamp(23rem, 34vw, 31rem);
	margin-inline: auto;
	overflow: clip;
}

.codxn-home-doctors .codxn-doctor-spotlight__medical-shape {
	position: absolute;
	z-index: 0;
	inset-inline: 8% 1%;
	inset-block: 10% 3%;
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 30%, transparent);
	border-radius: 64% 36% 56% 44% / 40% 60% 40% 60%;
	background:
		radial-gradient(circle at 58% 22%, color-mix(in srgb, var(--codxn-palette-soft) 76%, transparent), transparent 42%),
		linear-gradient(150deg, color-mix(in srgb, var(--codxn-palette-accent) 24%, transparent), color-mix(in srgb, var(--codxn-palette-soft) 56%, transparent));
	box-shadow: var(--codxn-depth-2);
}

.codxn-home-doctors .codxn-doctor-spotlight__visual {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: end center;
	inline-size: 100%;
	block-size: 100%;
	margin: 0;
}

.codxn-home-doctors .codxn-doctor-spotlight__image {
	display: block;
	max-inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
	object-position: center bottom;
}

.codxn-home-doctors .codxn-doctor-spotlight__media-stage.is-cutout .codxn-doctor-spotlight__visual {
	inline-size: calc(100% - clamp(0.75rem, 2.5vw, 1.5rem));
	box-sizing: border-box;
	padding-block-start: clamp(0.85rem, 2vw, 1.5rem);
}

.codxn-home-doctors .codxn-doctor-spotlight__media-stage.is-cutout .codxn-doctor-spotlight__image {
	max-inline-size: 108%;
	object-position: center bottom;
}

.codxn-home-doctors .codxn-doctor-spotlight__media-stage.is-featured-fallback .codxn-doctor-spotlight__visual {
	block-size: calc(100% - 1rem);
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 24%, var(--wp--preset--color--border));
	border-radius: 1.65rem 1.65rem 1rem;
	background: color-mix(in srgb, var(--codxn-palette-surface) 88%, var(--codxn-palette-soft));
	box-shadow: var(--codxn-depth-2);
	overflow: hidden;
}

.codxn-home-doctors .codxn-doctor-spotlight__media-stage.is-featured-fallback .codxn-doctor-spotlight__image {
	inline-size: 100%;
	object-fit: cover;
	object-position: center 16%;
}

.codxn-home-doctors .codxn-doctor-spotlight__medical-mark {
	position: absolute;
	z-index: 2;
	display: grid;
	place-items: center;
	inset-inline-end: clamp(0.65rem, 1.5vw, 1rem);
	inset-block-end: clamp(0.65rem, 1.5vw, 1rem);
	inline-size: 3.5rem;
	block-size: 3.5rem;
	padding: 0.65rem;
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 38%, var(--wp--preset--color--border));
	border-radius: 50%;
	background: color-mix(in srgb, var(--codxn-palette-surface) 94%, transparent);
	box-shadow: var(--codxn-depth-1);
	color: var(--wp--custom--semantic--icon-foreground);
}

.codxn-home-doctors .codxn-doctor-spotlight__medical-mark :is(svg, .codxn-icon) {
	display: block;
	inline-size: 100%;
	block-size: 100%;
}

html[data-codxn-color-scheme="dark"] .codxn-home-doctors {
	background:
		radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--codxn-palette-accent) 16%, transparent) 0 8rem, transparent 20rem),
		linear-gradient(180deg, color-mix(in srgb, var(--codxn-palette-deep) 88%, var(--codxn-palette-surface)), var(--codxn-palette-surface));
}

html[data-codxn-color-scheme="dark"] .codxn-home-doctors .codxn-doctor-spotlight {
	border-color: color-mix(in srgb, var(--codxn-palette-accent) 28%, var(--wp--preset--color--border));
	background: color-mix(in srgb, var(--codxn-palette-deep) 78%, var(--codxn-palette-surface));
}

html[data-codxn-color-scheme="dark"] .codxn-home-doctors .codxn-doctor-spotlight__fact,
html[data-codxn-color-scheme="dark"] .codxn-home-doctors .codxn-doctor-spotlight__medical-mark {
	border-color: color-mix(in srgb, var(--codxn-palette-accent) 28%, var(--wp--preset--color--border));
	background: color-mix(in srgb, var(--codxn-palette-deep) 72%, var(--codxn-palette-surface));
}

html[data-codxn-color-scheme="dark"] .codxn-home-doctors .codxn-doctor-spotlight__medical-shape {
	border-color: color-mix(in srgb, var(--codxn-palette-accent) 36%, transparent);
	background:
		radial-gradient(circle at 58% 22%, color-mix(in srgb, var(--codxn-palette-accent) 20%, transparent), transparent 42%),
		linear-gradient(150deg, color-mix(in srgb, var(--codxn-palette-deep) 74%, var(--codxn-palette-surface)), color-mix(in srgb, var(--codxn-palette-soft) 28%, var(--codxn-palette-deep)));
}

@media (prefers-color-scheme: dark) {
	html:not([data-codxn-color-scheme="light"]) .codxn-home-doctors {
		background:
			radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--codxn-palette-accent) 16%, transparent) 0 8rem, transparent 20rem),
			linear-gradient(180deg, color-mix(in srgb, var(--codxn-palette-deep) 88%, var(--codxn-palette-surface)), var(--codxn-palette-surface));
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-home-doctors .codxn-doctor-spotlight {
		border-color: color-mix(in srgb, var(--codxn-palette-accent) 28%, var(--wp--preset--color--border));
		background: color-mix(in srgb, var(--codxn-palette-deep) 78%, var(--codxn-palette-surface));
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-home-doctors .codxn-doctor-spotlight__fact,
	html:not([data-codxn-color-scheme="light"]) .codxn-home-doctors .codxn-doctor-spotlight__medical-mark {
		border-color: color-mix(in srgb, var(--codxn-palette-accent) 28%, var(--wp--preset--color--border));
		background: color-mix(in srgb, var(--codxn-palette-deep) 72%, var(--codxn-palette-surface));
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-home-doctors .codxn-doctor-spotlight__medical-shape {
		border-color: color-mix(in srgb, var(--codxn-palette-accent) 36%, transparent);
		background:
			radial-gradient(circle at 58% 22%, color-mix(in srgb, var(--codxn-palette-accent) 20%, transparent), transparent 42%),
			linear-gradient(150deg, color-mix(in srgb, var(--codxn-palette-deep) 74%, var(--codxn-palette-surface)), color-mix(in srgb, var(--codxn-palette-soft) 28%, var(--codxn-palette-deep)));
	}
}

@media (max-width: 1080px) {
	.codxn-home-doctors .codxn-doctor-spotlight__layout {
		grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.88fr);
		gap: clamp(1.5rem, 3vw, 2.75rem);
	}

	.codxn-home-doctors .codxn-doctor-spotlight__media-stage {
		min-block-size: clamp(20rem, 42vw, 27rem);
	}
}

@media (max-width: 781px) {
	.codxn-home-doctors .codxn-doctor-spotlight__layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.codxn-home-doctors .codxn-doctor-spotlight__media-stage {
		inline-size: min(100%, 30rem) !important;
		min-block-size: clamp(21rem, 82vw, 29rem);
	}
}

@media (max-width: 600px) {
	.codxn-home-doctors .codxn-doctor-spotlight {
		padding: 0.9rem;
		border-radius: 1.65rem;
	}

	.codxn-home-doctors .codxn-doctor-spotlight__content {
		align-items: center;
		padding: 0.85rem 0.35rem 0.45rem;
		text-align: center;
	}

	.codxn-home-doctors .codxn-doctor-spotlight__name,
	.codxn-home-doctors .codxn-doctor-spotlight__title,
	.codxn-home-doctors .codxn-doctor-spotlight__summary {
		margin-inline: auto !important;
	}

	.codxn-home-doctors .codxn-doctor-spotlight__facts {
		inline-size: 100%;
		justify-content: center;
	}

	.codxn-home-doctors .codxn-doctor-spotlight__fact {
		justify-content: flex-start;
		text-align: start;
	}

	.codxn-home-doctors .codxn-doctor-spotlight__actions {
		inline-size: 100%;
		align-items: center;
		justify-content: center;
	}

	.codxn-home-doctors .codxn-doctor-spotlight__media-stage {
		inline-size: calc(100% - 0.8rem) !important;
		max-inline-size: 26rem;
		min-block-size: clamp(19rem, 98vw, 25rem);
	}

	.codxn-home-doctors .codxn-doctor-spotlight__media-stage.is-cutout .codxn-doctor-spotlight__visual {
		inline-size: calc(100% - 1rem);
		padding-block-start: 0.75rem;
	}

	.codxn-home-doctors .codxn-doctor-spotlight__medical-mark {
		inset-inline-end: 0.55rem;
		inset-block-end: clamp(3.75rem, 14vw, 4.5rem);
		inline-size: 3.1rem;
		block-size: 3.1rem;
	}
}

@media (max-width: 480px) {
	.codxn-home-doctors .codxn-doctor-spotlight__actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.codxn-home-doctors .codxn-doctor-spotlight__actions .wp-block-buttons,
	.codxn-home-doctors .codxn-doctor-spotlight__actions .wp-block-button,
	.codxn-home-doctors .codxn-doctor-spotlight__actions .wp-block-button__link {
		inline-size: fit-content;
		max-inline-size: 100%;
	}

	.codxn-home-doctors .codxn-doctor-spotlight__actions .wp-block-buttons {
		justify-content: center;
	}
}

.codxn-empty-state {
	text-align: center;
}

/* ============================================================
 * 4. About / Why-us / Charter grids
 * ============================================================ */


/* ============================================================
 * 5. Hours + Appointment CTA
 * ============================================================ */
/* Home-only composition. The shared schedule remains canonical in style.css. */
.codxn-home-hours-appointment {
	position: relative;
	isolation: isolate;
	overflow: clip;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1rem, 2vw, 1.5rem);
	inline-size: min(var(--codxn-home-card-width, 88rem), calc(100vw - var(--codxn-home-edge, 3rem))) !important;
	max-inline-size: var(--codxn-home-card-width, 88rem) !important;
	box-sizing: border-box;
	margin: clamp(3rem, 6vw, 5.5rem) auto !important;
}

.codxn-home-hours-appointment::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-block-start: 12%;
	inset-inline-end: -4rem;
	inline-size: 18rem;
	block-size: 18rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 15%, transparent);
	border-radius: 50%;
	box-shadow: 0 0 0 2.5rem color-mix(in srgb, var(--wp--preset--color--accent-soft) 18%, transparent);
}

.codxn-home-hours-appointment > .codxn-home-appointment,
.codxn-home-hours-appointment > .codxn-home-hours {
	inline-size: 100% !important;
	max-inline-size: none !important;
	min-inline-size: 0;
	box-sizing: border-box;
	margin: 0 !important;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand-text) 13%, var(--wp--preset--color--border));
	border-radius: clamp(1.65rem, 3vw, 2.4rem);
	background: color-mix(in srgb, var(--wp--preset--color--surface) 96%, var(--wp--preset--color--accent-soft)) !important;
	box-shadow: 0 1.25rem 3.5rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 10%, transparent);
	overflow: hidden;
}

.codxn-home-hours-appointment > .codxn-home-appointment {
	padding: clamp(0.8rem, 1.6vw, 1.25rem) !important;
}

.codxn-home-hours-appointment > .codxn-home-hours {
	padding: clamp(1.4rem, 3vw, 2.5rem) !important;
}

.codxn-home-hours-appointment > :is(.codxn-home-appointment, .codxn-home-hours)::before,
.codxn-home-hours-appointment > :is(.codxn-home-appointment, .codxn-home-hours)::after {
	content: none;
	background-image: none;
	animation: none !important;
}

.codxn-home-hours-appointment > :is(.codxn-home-appointment, .codxn-home-hours) > .wp-block-group.alignwide {
	inline-size: 100% !important;
	max-inline-size: none !important;
	box-sizing: border-box;
	margin: 0 !important;
}

.codxn-home-hours-appointment .codxn-home-booking {
	display: grid !important;
	grid-template-columns: minmax(20rem, 0.92fr) minmax(0, 1.08fr);
	align-items: stretch;
	gap: clamp(1.25rem, 3vw, 3rem);
	padding: 0;
}

.codxn-home-hours-appointment .codxn-home-booking__media {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-block-size: clamp(24rem, 36vw, 32rem);
	margin: 0 !important;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 62%, var(--wp--preset--color--border));
	border-radius: clamp(1.35rem, 2.4vw, 2rem);
	background: color-mix(in srgb, var(--wp--preset--color--accent-soft) 58%, var(--wp--preset--color--surface));
}

.codxn-home-hours-appointment .codxn-home-booking__media::after {
	content: "";
	position: absolute;
	z-index: 2;
	inset: auto 0 0;
	block-size: 38%;
	background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--wp--preset--color--medical-navy) 33%, transparent));
	pointer-events: none;
}

.codxn-home-hours-appointment .codxn-home-booking__image {
	position: absolute;
	inset: 0;
	margin: 0 !important;
}

.codxn-home-hours-appointment .codxn-home-booking__image img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 760ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.codxn-home-hours-appointment .codxn-home-booking__media-badge {
	display: flex;
	position: absolute;
	z-index: 4;
	inset-block-end: 1rem;
	inset-inline-start: 1rem;
	align-items: center;
	gap: 0.6rem;
	margin: 0;
	padding: 0.62rem 0.75rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 28%, transparent);
	border-radius: 1rem;
	color: var(--wp--preset--color--white);
	background: color-mix(in srgb, var(--wp--preset--color--medical-navy) 72%, transparent);
	box-shadow: 0 0.8rem 2rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 22%, transparent);
	backdrop-filter: blur(14px);
}

.codxn-home-hours-appointment .codxn-home-booking__media-badge p {
	margin: 0;
	font-weight: 680;
}

.codxn-home-hours-appointment .codxn-home-booking__media-icon {
	color: var(--wp--custom--semantic--icon-foreground);
}

.codxn-home-hours-appointment .codxn-home-booking__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: clamp(1rem, 2.6vw, 2.4rem) clamp(0.4rem, 1vw, 1rem);
	text-align: start;
}

.codxn-home-hours-appointment .codxn-home-booking__content > * {
	margin-inline: 0 !important;
}

.codxn-home-hours-appointment .codxn-home-booking__eyebrow {
	display: inline-flex;
	align-items: center;
	inline-size: fit-content;
	gap: 0.5rem;
	margin-block-end: 0.95rem !important;
	padding: 0.42rem 0.8rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 24%, var(--wp--preset--color--border));
	border-radius: 999px;
	background: color-mix(in srgb, var(--wp--preset--color--accent-soft) 62%, var(--wp--preset--color--surface));
}

.codxn-home-hours-appointment .codxn-home-booking__eyebrow p {
	margin: 0;
}

.codxn-home-hours-appointment .codxn-home-booking__eyebrow-icon {
	color: var(--wp--preset--color--brand-fill);
}

.codxn-home-hours-appointment .codxn-home-booking__title {
	max-inline-size: 16ch;
	margin: 0;
	font-size: clamp(2.1rem, 3.8vw, 3.55rem) !important;
	font-weight: 760;
	line-height: 1.08;
	letter-spacing: -0.035em;
	text-wrap: balance;
}

.codxn-home-hours-appointment .codxn-home-booking__lead {
	max-inline-size: 48ch;
	margin-block: 0.95rem 0;
	font-size: clamp(1rem, 1.25vw, 1.13rem);
	line-height: 1.8;
}

.codxn-home-hours-appointment .codxn-home-booking__steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	inline-size: 100%;
	gap: 0.65rem;
	margin-block-start: clamp(1.25rem, 2.2vw, 1.75rem);
}

.codxn-home-hours-appointment .codxn-home-booking__step {
	display: grid;
	align-content: start;
	gap: 0.55rem;
	min-inline-size: 0;
	margin: 0;
	padding: 0.78rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand-text) 11%, var(--wp--preset--color--border));
	border-radius: 1rem;
	background: color-mix(in srgb, var(--wp--preset--color--surface) 83%, var(--wp--preset--color--accent-soft));
}

.codxn-home-hours-appointment .codxn-home-booking__step:nth-child(2) {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 76%, var(--wp--preset--color--accent-soft));
}

.codxn-home-hours-appointment .codxn-home-booking__step:nth-child(3) {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 69%, var(--wp--preset--color--accent-soft));
}

.codxn-home-hours-appointment .codxn-home-booking__step-icon {
	color: var(--wp--preset--color--brand-fill);
}

.codxn-home-hours-appointment .codxn-home-booking__step p {
	margin: 0;
	font-weight: 640;
	line-height: 1.45;
}

.codxn-home-hours-appointment .codxn-home-booking__step strong {
	display: inline-block;
	margin-inline-end: 0.2rem;
	color: var(--wp--preset--color--brand-fill);
	font-variant-numeric: tabular-nums;
}

.codxn-home-hours-appointment .codxn-home-booking__content > .wp-block-buttons {
	justify-content: flex-start;
	margin-block-start: clamp(1.35rem, 2.5vw, 2rem) !important;
}

.codxn-home-hours-appointment .codxn-home-booking__content .wp-block-button__link {
	min-block-size: 3.15rem;
	padding: 0.82rem 1.4rem;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	.codxn-home-hours-appointment .codxn-home-booking:hover .codxn-home-booking__image img {
		transform: scale(1.035);
	}
}

html[data-codxn-color-scheme="dark"] .codxn-home-hours-appointment > .codxn-home-appointment,
html[data-codxn-color-scheme="dark"] .codxn-home-hours-appointment > .codxn-home-hours {
	border-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 22%, var(--wp--preset--color--border));
	background: color-mix(in srgb, var(--wp--preset--color--medical-navy) 78%, var(--wp--preset--color--surface)) !important;
	box-shadow: 0 1.25rem 3.5rem color-mix(in srgb, var(--wp--preset--color--black) 27%, transparent);
}

@media (prefers-color-scheme: dark) {
	html:not([data-codxn-color-scheme="light"]) .codxn-home-hours-appointment > .codxn-home-appointment,
	html:not([data-codxn-color-scheme="light"]) .codxn-home-hours-appointment > .codxn-home-hours {
		border-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 22%, var(--wp--preset--color--border));
		background: color-mix(in srgb, var(--wp--preset--color--medical-navy) 78%, var(--wp--preset--color--surface)) !important;
		box-shadow: 0 1.25rem 3.5rem color-mix(in srgb, var(--wp--preset--color--black) 27%, transparent);
	}
}

@media (max-width: 900px) {
	.codxn-home-hours-appointment .codxn-home-booking {
		grid-template-columns: minmax(0, 1fr);
	}

	.codxn-home-hours-appointment .codxn-home-booking__media {
		min-block-size: 0;
		aspect-ratio: 16 / 10;
	}
}

@media (max-width: 700px) {
	.codxn-home-hours-appointment {
		inline-size: calc(100vw - 1rem) !important;
		margin-block: 2.75rem !important;
	}

	.codxn-home-hours-appointment > .codxn-home-appointment,
	.codxn-home-hours-appointment > .codxn-home-hours {
		border-radius: 1.5rem;
	}

	.codxn-home-hours-appointment > .codxn-home-hours {
		padding: 1.2rem !important;
	}

	.codxn-home-hours-appointment .codxn-home-booking__content {
		align-items: center;
		padding: 0.85rem 0.35rem 1rem;
		text-align: center;
	}

	.codxn-home-hours-appointment .codxn-home-booking__title,
	.codxn-home-hours-appointment .codxn-home-booking__lead {
		margin-inline: auto !important;
	}

	.codxn-home-hours-appointment .codxn-home-booking__steps {
		grid-template-columns: minmax(0, 1fr);
	}

	.codxn-home-hours-appointment .codxn-home-booking__step {
		display: flex;
		align-items: center;
		text-align: start;
	}

	.codxn-home-hours-appointment .codxn-home-booking__content > .wp-block-buttons {
		inline-size: 100%;
		justify-content: center;
	}

	.codxn-home-hours-appointment .codxn-home-booking__content .wp-block-button,
	.codxn-home-hours-appointment .codxn-home-booking__content .wp-block-button__link {
		inline-size: fit-content;
		max-inline-size: 100%;
	}
}

@media (max-width: 430px) {
	.codxn-home-hours-appointment .codxn-home-booking__media {
		aspect-ratio: 4 / 3;
	}

	.codxn-home-hours-appointment .codxn-home-booking__media-badge {
		inset-block-end: 0.7rem;
		inset-inline-start: 0.7rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.codxn-home-hours-appointment .codxn-home-booking__image img {
		transform: none !important;
		transition: none !important;
	}
}

/* ============================================================
 * 6. Location/contact + Final CTA
 * ============================================================ */
.codxn-final-cta-inner {
	text-align: center;
	max-width: 46rem;
	margin-inline: auto;
}

.codxn-final-cta-inner .wp-block-buttons {
	justify-content: center;
}

/* ============================================================
 * 7. Buttons & arrow links (shared, used across sections)
 * ============================================================ */
/* Primary / secondary button emphasis (uses brand tokens, no raw palette). */

/* ============================================================
 * 8. Responsive
 * ============================================================ */
@media (max-width: 360px) {
	.codxn-home section {
		padding-inline: var(--wp--preset--spacing--sm, 1rem);
	}
}

/* ============================================================
 * Homepage visual foundation
 *
 * Canonical homepage-level tokens, content widths, and editorial surface
 * primitives. Component-specific rules remain in their dedicated sections.
 * ============================================================ */

.codxn-home {
	--codxn-home-hairline: color-mix(in srgb, var(--wp--preset--color--brand-text) 18%, var(--wp--preset--color--border));
	--codxn-home-soft-surface: color-mix(in srgb, var(--wp--preset--color--accent-soft) 24%, var(--wp--preset--color--surface));
	--codxn-home-aura: color-mix(in srgb, var(--wp--preset--color--medical-teal) 20%, transparent);
	--codxn-home-deep-aura: color-mix(in srgb, var(--wp--preset--color--medical-navy) 16%, transparent);
	--codxn-home-shadow: 0 1.5rem 4.5rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 16%, transparent);
	--codxn-home-reading-width: 58rem;
	--codxn-home-card-width: 88rem;
	--codxn-home-media-width: 94rem;
	--codxn-home-edge: clamp(2rem, 5vw, 5.5rem);
	background: var(--wp--preset--color--background);
}

.codxn-home .codxn-section-intro {
	position: relative;
	z-index: 2;
	max-inline-size: var(--codxn-home-reading-width);
	margin-inline: 0 auto !important;
}

.codxn-home .codxn-section-intro h2 {
	max-inline-size: 18ch;
	margin-block: 0;
	letter-spacing: -0.025em;
	text-wrap: balance;
}

.codxn-home .codxn-section-intro .codxn-section-lead {
	max-inline-size: 55ch;
	margin-block-end: 0;
}


/* Surface 2: a compact care rail, not another row of cards. */
.codxn-home-care-rail {
	position: relative;
	isolation: isolate;
	overflow: clip;
	border-block: 1px solid var(--codxn-home-hairline);
	background: color-mix(in srgb, var(--wp--preset--color--accent-soft) 18%, var(--wp--preset--color--background));
}

.codxn-home-care-rail::before {
	opacity: 0.28;
}

.codxn-home-care-rail .wp-block-columns {
	position: relative;
	z-index: 1;
	align-items: stretch;
	gap: 0;
}

.codxn-home-care-rail .wp-block-column {
	display: flex;
	min-inline-size: 0;
}

.codxn-home-care-rail .codxn-care-point {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: center;
	inline-size: 100%;
	min-block-size: 100%;
	box-sizing: border-box;
	padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2.4vw, 2rem);
	border-inline-start: 1px solid var(--codxn-home-hairline);
	text-align: center;
}

.codxn-home-care-rail .wp-block-column:first-child .codxn-care-point {
	border-inline-start: 0;
}


.codxn-home-care-rail .codxn-care-point > .codxn-care-point__icon:not([style*="--codxn-icon-mobile-size"]) {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	inline-size: 3.25rem;
	block-size: 3.25rem;
	margin: 0 auto 0.95rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 28%, var(--wp--preset--color--border));
	border-radius: 1rem;
	background:
		radial-gradient(circle at 72% 24%, color-mix(in srgb, var(--wp--preset--color--medical-teal) 22%, transparent), transparent 55%),
		color-mix(in srgb, var(--wp--preset--color--accent-soft) 62%, var(--wp--preset--color--surface));
	box-shadow: 0 0.75rem 1.8rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 10%, transparent);
}

.codxn-home-care-rail .codxn-care-point > .codxn-care-point__icon:not([style*="--codxn-icon-mobile-size"]) :where(.codxn-icon, svg) {
	inline-size: 1.8rem;
	block-size: 1.8rem;
}

.codxn-home-care-rail .codxn-care-point > .codxn-care-point__icon[style*="--codxn-icon-mobile-size"] {
	--codxn-icon-stage-size: calc(var(--codxn-icon-size) + 1rem);
	display: grid;
	place-items: center;
	flex: 0 0 var(--codxn-icon-stage-size);
	inline-size: var(--codxn-icon-stage-size);
	block-size: var(--codxn-icon-stage-size);
	margin: 0 auto 0.95rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 28%, var(--wp--preset--color--border));
	border-radius: 1rem;
	background:
		radial-gradient(circle at 72% 24%, color-mix(in srgb, var(--wp--preset--color--medical-teal) 22%, transparent), transparent 55%),
		color-mix(in srgb, var(--wp--preset--color--accent-soft) 62%, var(--wp--preset--color--surface));
	box-shadow: 0 0.75rem 1.8rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 10%, transparent);
}

.codxn-home-care-rail .codxn-care-point > .codxn-care-point__icon[style*="--codxn-icon-mobile-size"] :where(.codxn-icon, svg) {
	inline-size: var(--codxn-icon-size);
	block-size: var(--codxn-icon-size);
}

.codxn-home-care-rail .codxn-care-point h3,
.codxn-home-care-rail .codxn-care-point p {
	margin-block: 0;
	margin-inline: auto;
	text-align: center;
}

.codxn-home-care-rail .codxn-care-point h3 {
	inline-size: 100%;
	line-height: 1.42;
}

.codxn-home-care-rail .codxn-care-point p {
	max-inline-size: 34ch;
	margin-block-start: 0.55rem;
	line-height: 1.75;
}

/* Dark-mode refinements stay on component surfaces; section backgrounds are
 * owned by the shared palette-aware medical background contract. */
html[data-codxn-color-scheme="dark"] .codxn-home {
	--codxn-home-aura: color-mix(in srgb, var(--wp--preset--color--medical-teal) 28%, transparent);
	--codxn-home-deep-aura: color-mix(in srgb, var(--wp--preset--color--brand-fill) 24%, transparent);
}

@media (prefers-color-scheme: dark) {
	html:not([data-codxn-color-scheme="light"]) .codxn-home {
		--codxn-home-aura: color-mix(in srgb, var(--wp--preset--color--medical-teal) 28%, transparent);
		--codxn-home-deep-aura: color-mix(in srgb, var(--wp--preset--color--brand-fill) 24%, transparent);
	}
}

@media (max-width: 600px) {

	

	

	

.codxn-home-care-rail .wp-block-columns {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.codxn-home-care-rail .codxn-care-point {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 1.25rem 1rem;
		border-inline-start: 0;
		border-block-start: 1px solid var(--codxn-home-hairline);
		text-align: center;
	}

	.codxn-home-care-rail .wp-block-column:first-child .codxn-care-point {
		border-block-start: 0;
	}

	.codxn-home-care-rail .codxn-care-point > .codxn-care-point__icon:not([style*="--codxn-icon-mobile-size"]) {
		inline-size: 3.05rem;
		block-size: 3.05rem;
		margin: 0 auto 0.85rem;
		border-radius: 0.95rem;
	}

	.codxn-home-care-rail .codxn-care-point > .codxn-care-point__icon[style*="--codxn-icon-mobile-size"] {
		--codxn-icon-stage-size: calc(var(--codxn-icon-mobile-size) + 1rem);
		flex-basis: var(--codxn-icon-stage-size);
		inline-size: var(--codxn-icon-stage-size);
		block-size: var(--codxn-icon-stage-size);
		margin: 0 auto 0.85rem;
		border-radius: 0.95rem;
	}

	.codxn-home-care-rail .codxn-care-point > .codxn-care-point__icon[style*="--codxn-icon-mobile-size"] :where(.codxn-icon, svg) {
		inline-size: var(--codxn-icon-mobile-size);
		block-size: var(--codxn-icon-mobile-size);
	}

	.codxn-home-care-rail .codxn-care-point p {
		max-inline-size: min(100%, 32ch);
		margin-block-start: 0.5rem;
	}

}

@media (max-width: 430px) {
	.codxn-home .codxn-section-intro h2 {
		font-size: clamp(2rem, 8.5vw, 2.25rem);
		line-height: 1.22;
	}

	}


/* Services: the first fallback reads as a composed medical panel; photos
 * remain the authoritative top layer whenever a Featured Image is present. */

/* Featured service card — fallback icon fix. The theme stylesheet's compact
 * "no featured photo" rule (icon-only cards shrink to a small square) also
 * catches the FEATURED first card, whose media box otherwise keeps the tall
 * photo-era min-block-size from earlier rules in this file — producing a
 * squeezed, near-empty vertical panel with a tiny icon. These overrides
 * (scoped to :not(:has(photo)) so real featured images are untouched) give
 * the featured card a compact, proportionate icon stage instead, while
 * supporting cards keep their existing compact treatment unchanged. */

/* ============================================================
 * Spatial balance, mobile centering, background motion
 *
 * CSS-only: the existing FSE blocks, editable media, Query Loops, and
 * dynamic routes remain untouched. Key homepage canvases can use a little
 * more than the global 1200px wide size without becoming edge-to-edge.
 * ============================================================ */

@media (max-width: 600px) {

	.codxn-home .codxn-section-intro {
		text-align: center;
	}

	.codxn-home .codxn-section-intro > * {
		margin-inline: auto !important;
	}
}

.codxn-home :is(.codxn-home-doctors, .codxn-home-testimonials) > .wp-block-group.alignwide {
	inline-size: min(var(--codxn-home-card-width), calc(100vw - var(--codxn-home-edge))) !important;
	max-inline-size: var(--codxn-home-card-width) !important;
}

/* Service cards retain their asymmetric Query layout. Featured Images stay
 * editorial and substantial; semantic fallback icons receive more weight. */

/* Testimonials: clean review cards over the shared clinical section surface. */
.codxn-testimonials__demo-note {
	max-inline-size: 64ch;
	margin-block-start: 0.75rem;
	padding: 0.75rem 1rem;
	border-inline-start: 0.2rem solid var(--wp--preset--color--medical-teal);
	border-radius: 0.75rem;
	background: color-mix(in srgb, var(--wp--preset--color--accent-soft) 46%, transparent);
	color: var(--wp--preset--color--text-muted);
	line-height: 1.75;
}

.codxn-testimonials-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: clamp(1rem, 2vw, 1.5rem) !important;
}

.codxn-testimonial-card {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-block-size: 23rem;
	padding: clamp(1.35rem, 2.5vw, 2rem);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 22%, var(--wp--preset--color--border));
	border-radius: clamp(1.25rem, 2.4vw, 2rem);
	background: color-mix(in srgb, var(--wp--preset--color--surface) 95%, var(--wp--preset--color--accent-soft));
	box-shadow: 0 1.2rem 3.5rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 11%, transparent);
}

.codxn-testimonial-card::before {
	content: "“";
	position: absolute;
	inset-block-start: -1.4rem;
	inset-inline-end: 0.8rem;
	z-index: -1;
	color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 13%, transparent);
	font-family: Georgia, serif;
	font-size: clamp(8rem, 14vw, 12rem);
	line-height: 1;
}

.codxn-testimonials-grid > .codxn-testimonial-card:nth-child(2) {
	transform: translateY(1.75rem);
}

.codxn-testimonial-rating,
.codxn-testimonial-quote,
.codxn-testimonial-person,
.codxn-testimonial-name,
.codxn-testimonial-source,
.codxn-testimonial-avatar {
	margin-block: 0;
}

.codxn-testimonial-rating {
	direction: ltr;
	inline-size: fit-content;
	letter-spacing: 0.14em;
}

.codxn-testimonial-quote {
	font-size: clamp(1.05rem, 1.35vw, 1.2rem);
	font-weight: 560;
	line-height: 1.95;
}

.codxn-testimonial-person {
	align-items: center;
	inline-size: 100%;
	margin-block-start: auto;
}

.codxn-testimonial-avatar {
	display: grid;
	flex: 0 0 3rem;
	place-items: center;
	inline-size: 3rem;
	block-size: 3rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 32%, var(--wp--preset--color--border));
	border-radius: 50%;
	background: color-mix(in srgb, var(--wp--preset--color--accent-soft) 70%, var(--wp--preset--color--surface));
	color: var(--wp--preset--color--brand-text);
	font-weight: 800;
}

.codxn-testimonial-person__copy {
	margin: 0 !important;
}

/* Palette tokens already swap in dark mode; these explicit refinements keep
 * media frames and review surfaces separated on deep navy backgrounds. */
html[data-codxn-color-scheme="dark"] .codxn-testimonial-card {
	border-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 32%, var(--wp--preset--color--border));
	box-shadow: 0 1.6rem 4.5rem color-mix(in srgb, var(--wp--preset--color--black) 34%, transparent);
}

@media (prefers-color-scheme: dark) {
	html:not([data-codxn-color-scheme="light"]) .codxn-testimonial-card {
		border-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 32%, var(--wp--preset--color--border));
		box-shadow: 0 1.6rem 4.5rem color-mix(in srgb, var(--wp--preset--color--black) 34%, transparent);
	}
}


@media (max-width: 900px) {
	.codxn-testimonials-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.codxn-testimonials-grid > .codxn-testimonial-card:nth-child(2) {
		transform: none;
	}

	.codxn-testimonials-grid > .codxn-testimonial-card:last-child {
		grid-column: 1 / -1;
		min-block-size: 19rem;
	}
}

@media (max-width: 781px) {
	.codxn-home :is(.codxn-home-doctors, .codxn-home-testimonials) > .wp-block-group.alignwide {
		inline-size: calc(100vw - 1.5rem) !important;
		max-inline-size: none !important;
	}

	.codxn-testimonials-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.codxn-testimonials-grid > .codxn-testimonial-card:last-child {
		grid-column: auto;
	}

	.codxn-testimonial-card {
		min-block-size: 20rem;
	}
}

@media (max-width: 600px) {
	.codxn-home {
		--codxn-home-edge: 1rem;
	}

	.codxn-home :is(.codxn-home-doctors, .codxn-home-testimonials) > .wp-block-group.alignwide {
		inline-size: calc(100vw - var(--codxn-home-edge)) !important;
	}

	.codxn-testimonials__intro,
	.codxn-testimonial-card {
		text-align: center;
	}

	.codxn-testimonials__intro > *,
	.codxn-testimonial-card > * {
		margin-inline: auto;
	}

	.codxn-testimonials__demo-note {
		border-inline-start: 0;
		border-block-start: 0.2rem solid var(--wp--preset--color--medical-teal);
	}

	.codxn-testimonial-card {
		align-items: center;
		min-block-size: 0;
	}

	.codxn-testimonial-person {
		justify-content: center;
		inline-size: auto;
	}

	.codxn-testimonial-person__copy {
		text-align: center;
	}

	.codxn-testimonial-rating {
		margin-inline: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.codxn-testimonials-grid > .codxn-testimonial-card:nth-child(2),
.codxn-testimonial-card {
		transform: none !important;
		transition: none !important;
	}
}

/* ============================================================
 * Patient Journey
 * ============================================================ */
/* Canonical homepage Patient Journey component. Its visual structure,
 * editable medical icons, motion, dark mode, and responsive rules live here. */
.codxn-home-patient-journey.codxn-surface-patient-journey {
	position: relative;
	isolation: isolate;
	overflow: clip;
	background:
		radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--wp--preset--color--medical-cyan) 20%, transparent), transparent 29%),
		radial-gradient(circle at 90% 78%, color-mix(in srgb, var(--wp--preset--color--accent-soft) 35%, transparent), transparent 30%),
		linear-gradient(180deg, var(--wp--preset--color--surface), color-mix(in srgb, var(--wp--preset--color--accent-soft) 24%, var(--wp--preset--color--surface)));
}

.codxn-home-patient-journey.codxn-surface-patient-journey {
	--codxn-medical-structure-inline-start: -4.5rem;
	--codxn-medical-structure-inline-end: auto;
	--codxn-medical-structure-block-start: 62%;
	--codxn-medical-structure-inline-size: clamp(12rem, 20vw, 19rem);
	--codxn-medical-structure-block-size: clamp(14rem, 24vw, 21rem);
	--codxn-medical-structure-transform: translateY(-50%) rotate(12deg);
}

.codxn-home-patient-journey.codxn-surface-patient-journey::before {
	content: "";
	position: absolute;
	z-index: -1;
	pointer-events: none;
}

.codxn-home-patient-journey.codxn-surface-patient-journey::before {
	inset-block-start: 13%;
	inset-inline-end: -6rem;
	inline-size: clamp(15rem, 26vw, 27rem);
	aspect-ratio: 1;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-cyan) 24%, transparent);
	border-radius: 48% 52% 43% 57%;
	transform: rotate(-12deg);
}

.codxn-patient-journey__shell {
	inline-size: min(var(--codxn-home-card-width, 88rem), calc(100vw - var(--codxn-home-edge, 3rem))) !important;
	max-inline-size: var(--codxn-home-card-width, 88rem) !important;
}

.codxn-patient-journey__intro {
	max-inline-size: 54rem;
	margin-inline: auto !important;
	text-align: center;
}

.codxn-patient-journey__intro > * {
	margin-inline: auto;
}

.codxn-patient-journey__intro h2 {
	max-inline-size: 19ch !important;
	margin-block: 0;
}

.codxn-patient-journey__intro .codxn-eyebrow {
	margin-block: 0 0.35rem;
}

.codxn-patient-journey__intro .codxn-section-lead {
	max-inline-size: 50ch;
	margin-block: 0.85rem 0;
	line-height: 1.85;
}

.codxn-patient-journey__track {
	position: relative;
	isolation: isolate;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	inline-size: 100%;
	margin-block-start: clamp(2rem, 3.5vw, 2.75rem) !important;
	padding-block: 1.5rem 0.5rem;
	gap: clamp(1rem, 1.8vw, 1.5rem);
}

.codxn-patient-journey__track::before {
	content: "";
	position: absolute;
	inset-block-start: 6.2rem;
	inset-inline: 10%;
	z-index: -1;
	block-size: 2px;
	background: repeating-linear-gradient(
		to right,
		color-mix(in srgb, var(--wp--preset--color--medical-teal) 38%, var(--wp--preset--color--border)) 0 0.5rem,
		transparent 0.5rem 0.9rem
	);
}

.codxn-patient-journey__track::after {
	content: "";
	position: absolute;
	inset-block-start: calc(6.2rem - 0.28rem);
	inset-inline-start: 50%;
	z-index: 0;
	inline-size: 0.65rem;
	block-size: 0.65rem;
	border: 2px solid var(--wp--preset--color--surface);
	border-radius: 50%;
	background: var(--wp--preset--color--medical-teal);
	box-shadow:
		0 0 0 0.3rem color-mix(in srgb, var(--wp--preset--color--medical-teal) 15%, transparent),
		0 0 1.1rem color-mix(in srgb, var(--wp--preset--color--medical-teal) 56%, transparent);
	pointer-events: none;
}

.codxn-patient-journey__step {
	--codxn-journey-tone: var(--wp--preset--color--primary);
	--codxn-journey-offset: 0rem;

	position: relative;
	z-index: 1;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	inline-size: 100%;
	min-inline-size: 0;
	box-sizing: border-box;
	margin: 0 !important;
	padding: clamp(1.3rem, 2vw, 1.7rem);
	border: 1px solid color-mix(in srgb, var(--codxn-journey-tone) 28%, var(--wp--preset--color--border));
	border-radius: 1.6rem;
	background:
		radial-gradient(circle 5.5rem at calc(100% - 1.5rem) calc(100% - 0.5rem), color-mix(in srgb, var(--codxn-journey-tone) 16%, transparent), transparent 68%),
		linear-gradient(150deg, color-mix(in srgb, var(--codxn-journey-tone) 8%, var(--wp--preset--color--surface)), var(--wp--preset--color--surface) 62%);
	box-shadow: 0 0.85rem 2.25rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 8%, transparent);
	gap: 0 !important;
	transform: translateY(var(--codxn-journey-offset));
	text-align: start;
}

.codxn-patient-journey__step.is-contact {
	--codxn-journey-tone: var(--wp--preset--color--primary);
}

.codxn-patient-journey__step.is-visit {
	--codxn-journey-tone: var(--wp--preset--color--accent);
	--codxn-journey-offset: -1.15rem;
}

.codxn-patient-journey__step.is-followup {
	--codxn-journey-tone: var(--wp--preset--color--primary-dark);
}

.codxn-patient-journey__step::before {
	content: "";
	position: absolute;
	z-index: 2;
	inset-block-start: 0;
	inset-inline: 0;
	block-size: 0.28rem;
	background: var(--codxn-journey-tone);
}

.codxn-patient-journey__step.is-followup::before {
	background: var(--wp--preset--color--accent);
}

.codxn-patient-journey__number,
.codxn-patient-journey__title,
.codxn-patient-journey__description,
.codxn-patient-journey__benefit {
	margin-block: 0;
	margin-inline: 0;
	text-align: start;
}

.codxn-patient-journey__number {
	display: inline-flex;
	align-items: center;
	inline-size: fit-content !important;
	margin-block-end: 0.75rem;
	padding: 0.32rem 0.68rem;
	border: 1px solid color-mix(in srgb, var(--codxn-journey-tone) 30%, var(--wp--preset--color--border));
	border-radius: 999px;
	background: color-mix(in srgb, var(--codxn-journey-tone) 11%, var(--wp--preset--color--surface));
	color: var(--wp--preset--color--brand-text);
	font-size: 0.75rem !important;
	font-weight: 750;
	letter-spacing: 0;
	line-height: 1.2;
}

.codxn-patient-journey__icon {
	position: relative;
	isolation: isolate;
	display: grid;
	place-items: center;
	inline-size: fit-content;
	block-size: fit-content;
	min-inline-size: 4.75rem;
	min-block-size: 4.75rem;
	padding: 0.4375rem;
	box-sizing: border-box;
	margin: 0 0 1.1rem;
	border: 1px solid color-mix(in srgb, var(--codxn-journey-tone) 34%, var(--wp--preset--color--border));
	border-radius: 1.35rem;
	background: color-mix(in srgb, var(--codxn-journey-tone) 14%, var(--wp--preset--color--surface));
	box-shadow:
		0 0.55rem 1.35rem color-mix(in srgb, var(--codxn-journey-tone) 14%, transparent),
		inset 0 1px 0 color-mix(in srgb, var(--wp--preset--color--white) 64%, transparent);
	color: var(--wp--preset--color--brand-text);
}

.codxn-patient-journey__glyph {
	--codxn-icon-stage-size: calc(var(--codxn-icon-size, 2.625rem) + 1rem);
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	inline-size: calc(var(--codxn-icon-stage-size) - 1rem);
	block-size: calc(var(--codxn-icon-stage-size) - 1rem);
	color: currentColor;
}

.codxn-patient-journey__title {
	max-inline-size: 100%;
	min-block-size: 0;
	margin-block-end: 0.55rem;
	font-size: clamp(1.25rem, 1.6vw, 1.5rem) !important;
	font-weight: 750;
	line-height: 1.35;
}

.codxn-patient-journey__description {
	max-inline-size: 34ch;
	min-block-size: 0;
	color: var(--wp--preset--color--text-muted);
	line-height: 1.75;
}

.codxn-patient-journey__benefit {
	display: inline-flex;
	align-items: center;
	inline-size: fit-content !important;
	margin-block-start: auto !important;
	padding-block-start: 1rem;
	color: var(--wp--preset--color--brand-text);
	font-weight: 650;
	line-height: 1.4;
}

.codxn-patient-journey__benefit::before {
	content: "";
	inline-size: 0.5rem;
	block-size: 0.5rem;
	margin-inline-end: 0.45rem;
	border: 2px solid var(--wp--preset--color--surface);
	border-radius: 50%;
	background: var(--codxn-journey-tone);
	box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--codxn-journey-tone) 14%, transparent);
}

.codxn-patient-journey__title,
.codxn-patient-journey__description,
.codxn-patient-journey__benefit {
	-webkit-hyphens: none;
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

.codxn-patient-journey__actions {
	position: relative;
	z-index: 2;
	justify-content: center;
	margin-block-start: clamp(2.75rem, 5vw, 4rem) !important;
}

html[data-codxn-color-scheme="dark"] .codxn-patient-journey__step {
	border-color: color-mix(in srgb, var(--codxn-journey-tone) 34%, var(--wp--preset--color--border));
	background:
		radial-gradient(circle 5.5rem at calc(100% - 1.5rem) calc(100% - 0.5rem), color-mix(in srgb, var(--codxn-journey-tone) 16%, transparent), transparent 68%),
		linear-gradient(150deg, color-mix(in srgb, var(--codxn-journey-tone) 12%, var(--wp--preset--color--surface)), var(--wp--preset--color--surface) 66%);
	box-shadow: 0 0.65rem 2rem color-mix(in srgb, var(--wp--preset--color--black) 18%, transparent);
}

html[data-codxn-color-scheme="dark"] .codxn-patient-journey__icon {
	border-color: color-mix(in srgb, var(--codxn-journey-tone) 38%, var(--wp--preset--color--border));
	background: color-mix(in srgb, var(--codxn-journey-tone) 17%, var(--wp--preset--color--surface));
	box-shadow: 0 0.35rem 1rem color-mix(in srgb, var(--wp--preset--color--black) 16%, transparent);
}

html[data-codxn-color-scheme="dark"] .codxn-patient-journey__number {
	border-color: color-mix(in srgb, var(--codxn-journey-tone) 38%, var(--wp--preset--color--border));
	background: color-mix(in srgb, var(--codxn-journey-tone) 15%, var(--wp--preset--color--surface));
}

html[data-codxn-color-scheme="dark"] .codxn-testimonials__demo-note {
	border-inline-start-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 72%, var(--wp--preset--color--border));
	background: color-mix(in srgb, var(--wp--preset--color--medical-teal) 10%, var(--wp--preset--color--surface));
	color: color-mix(in srgb, var(--wp--preset--color--foreground) 78%, var(--wp--preset--color--text-muted));
}

@media (prefers-color-scheme: dark) {
html:not([data-codxn-color-scheme="light"]) .codxn-patient-journey__step {
		border-color: color-mix(in srgb, var(--codxn-journey-tone) 34%, var(--wp--preset--color--border));
		background:
			radial-gradient(circle 5.5rem at calc(100% - 1.5rem) calc(100% - 0.5rem), color-mix(in srgb, var(--codxn-journey-tone) 16%, transparent), transparent 68%),
			linear-gradient(150deg, color-mix(in srgb, var(--codxn-journey-tone) 12%, var(--wp--preset--color--surface)), var(--wp--preset--color--surface) 66%);
		box-shadow: 0 0.65rem 2rem color-mix(in srgb, var(--wp--preset--color--black) 18%, transparent);
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-patient-journey__icon {
		border-color: color-mix(in srgb, var(--codxn-journey-tone) 38%, var(--wp--preset--color--border));
		background: color-mix(in srgb, var(--codxn-journey-tone) 17%, var(--wp--preset--color--surface));
		box-shadow: 0 0.35rem 1rem color-mix(in srgb, var(--wp--preset--color--black) 16%, transparent);
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-patient-journey__number {
		border-color: color-mix(in srgb, var(--codxn-journey-tone) 38%, var(--wp--preset--color--border));
		background: color-mix(in srgb, var(--codxn-journey-tone) 15%, var(--wp--preset--color--surface));
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-testimonials__demo-note {
		border-inline-start-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 72%, var(--wp--preset--color--border));
		background: color-mix(in srgb, var(--wp--preset--color--medical-teal) 10%, var(--wp--preset--color--surface));
		color: color-mix(in srgb, var(--wp--preset--color--foreground) 78%, var(--wp--preset--color--text-muted));
	}
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	.codxn-patient-journey__step,
	.codxn-patient-journey__icon,
	.codxn-patient-journey__glyph {
		transition:
			transform var(--wp--custom--motion--duration--base, 320ms) var(--wp--custom--motion--easing--standard, ease),
			border-color var(--wp--custom--motion--duration--base, 320ms) var(--wp--custom--motion--easing--standard, ease),
			box-shadow var(--wp--custom--motion--duration--base, 320ms) var(--wp--custom--motion--easing--standard, ease);
	}

	.codxn-patient-journey__step:hover {
		transform: translateY(calc(var(--codxn-journey-offset) - 0.4rem));
		border-color: color-mix(in srgb, var(--codxn-journey-tone) 48%, var(--wp--preset--color--border));
		box-shadow: 0 1.2rem 2.8rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 12%, transparent);
	}

	.codxn-patient-journey__step:hover .codxn-patient-journey__icon {
		transform: translateY(-0.15rem);
	}

	.codxn-patient-journey__step:hover .codxn-patient-journey__glyph {
		transform: scale(1.06);
	}
}

@media (max-width: 700px) {
	.codxn-final-cta-inner > p:not(.codxn-eyebrow) {
		box-sizing: border-box;
		inline-size: 100%;
		padding-inline: clamp(1rem, 5vw, 1.5rem);
	}


	

	

	


	


	.codxn-patient-journey__shell {
		inline-size: calc(100vw - 1.5rem) !important;
		max-inline-size: none !important;
	}

	.codxn-patient-journey__intro,
.codxn-patient-journey__intro > * {
		margin-inline: auto;
		text-align: center;
	}

	.codxn-patient-journey__intro .codxn-section-lead {
		max-inline-size: min(100%, 36ch);
		margin-block-start: 0.75rem;
	}

	.codxn-patient-journey__track {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.85rem;
		margin-block-start: 1.75rem !important;
		padding-block: 0;
	}

	.codxn-patient-journey__track::before,
	.codxn-patient-journey__track::after {
		content: none;
	}

	.codxn-patient-journey__step {
		--codxn-journey-offset: 0rem;

		align-items: flex-start;
		inline-size: min(100%, 31rem);
		margin-inline: auto !important;
		padding: 1.2rem;
		gap: 0 !important;
		transform: none;
		text-align: start;
	}

	.codxn-patient-journey__number,
.codxn-patient-journey__icon,
.codxn-patient-journey__title,
.codxn-patient-journey__description,
.codxn-patient-journey__benefit {
		margin-inline: 0;
		text-align: start;
	}

	.codxn-patient-journey__number {
		margin-block-end: 0.7rem;
	}

	.codxn-patient-journey__icon {
		min-inline-size: 3.5rem;
		min-block-size: 3.5rem;
		margin-block-end: 0.85rem;
	}

	.codxn-patient-journey__glyph:not([style*="--codxn-icon-mobile-size"]) {
		--codxn-icon-stage-size: min(calc(var(--codxn-icon-size, 2.5rem) + 1rem), 3.5rem);
		inline-size: calc(var(--codxn-icon-stage-size) - 1rem);
		block-size: calc(var(--codxn-icon-stage-size) - 1rem);
	}

	.codxn-patient-journey__glyph[style*="--codxn-icon-mobile-size"] {
		--codxn-icon-stage-size: calc(var(--codxn-icon-mobile-size) + 1rem);
		inline-size: var(--codxn-icon-mobile-size);
		block-size: var(--codxn-icon-mobile-size);
	}

	.codxn-patient-journey__title {
		max-inline-size: 100%;
		min-block-size: auto;
		margin-block-end: 0.45rem;
		line-height: 1.4;
	}

	.codxn-patient-journey__description {
		max-inline-size: 36ch;
		min-block-size: auto;
		line-height: 1.75;
	}

	.codxn-patient-journey__benefit {
		margin-block-start: 0.9rem !important;
		padding-block-start: 0;
	}

	.codxn-patient-journey__actions,
.codxn-patient-journey__actions .wp-block-button {
		justify-content: center;
		margin-inline: auto;
	}

	.codxn-patient-journey__actions {
		margin-block-start: 2rem !important;
	}
}

@media (max-width: 430px) {

	
	.codxn-patient-journey__step {
		inline-size: min(100%, 25rem);
		padding: 1rem;
		border-radius: 1.25rem;
	}

	.codxn-patient-journey__number {
		margin-block-end: 0.65rem;
	}

	.codxn-patient-journey__icon {
		min-inline-size: 3.5rem;
		min-block-size: 3.5rem;
		margin-block-end: 0.8rem;
	}

	.codxn-patient-journey__title {
		max-inline-size: 18ch;
		margin-block-end: 0.65rem;
	}

	.codxn-patient-journey__description {
		max-inline-size: 100%;
		line-height: 1.75;
	}

	.codxn-patient-journey__actions {
		margin-block-start: 1.75rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.codxn-patient-journey__step,
	.codxn-patient-journey__icon,
	.codxn-patient-journey__glyph {
		transition: none !important;
	}
}

@media (forced-colors: active) {
	.codxn-patient-journey__step,
	.codxn-patient-journey__icon,
	.codxn-patient-journey__number {
		border-color: CanvasText;
	}
}

/* ============================================================
 * Premium medical Hero presentation — canonical source of truth
 * ============================================================ */
.codxn-home-hero {
	position: relative;
	isolation: isolate;
	overflow: clip;
	background:
		radial-gradient(circle at 8% 14%, color-mix(in srgb, var(--wp--preset--color--medical-cyan) 24%, transparent), transparent 31%),
		radial-gradient(circle at 91% 86%, color-mix(in srgb, var(--wp--preset--color--brand-fill) 14%, transparent), transparent 33%),
		linear-gradient(132deg, color-mix(in srgb, var(--wp--preset--color--surface) 96%, var(--wp--preset--color--accent-soft)), color-mix(in srgb, var(--wp--preset--color--accent-soft) 72%, var(--wp--preset--color--surface)));
}

.codxn-home-hero > .codxn-hero-shell::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-block-start: -9rem;
	inset-inline-end: -7rem;
	inline-size: clamp(20rem, 35vw, 34rem);
	aspect-ratio: 1;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 12%, transparent);
	border-radius: 50%;
	box-shadow:
		0 0 0 3.5rem color-mix(in srgb, var(--wp--preset--color--medical-cyan) 5%, transparent),
		0 0 0 7rem color-mix(in srgb, var(--wp--preset--color--brand-fill) 3%, transparent);
	pointer-events: none;
}

.codxn-home-hero.codxn-surface-medical-clean {
	display: block;
	min-block-size: 0;
	padding-block: clamp(3.5rem, 6vw, 6.25rem) !important;
}

.codxn-home-hero > .codxn-hero-shell {
	position: relative;
	z-index: 1;
	inline-size: min(calc(100% - 3rem), 92rem) !important;
	max-inline-size: 92rem !important;
	box-sizing: border-box;
	margin-inline: auto;
	padding-inline: 0;
}

.codxn-home-hero .codxn-hero-scene {
	display: grid !important;
	grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.04fr);
	align-items: center;
	inline-size: 100%;
	margin: 0 !important;
	gap: clamp(2.5rem, 5vw, 5.5rem);
}

.codxn-home-hero .codxn-hero-scene > * {
	min-inline-size: 0;
	margin: 0 !important;
}

.codxn-home-hero .codxn-hero-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	inline-size: 100%;
	min-inline-size: 0;
	max-inline-size: 41rem;
	padding: 0;
	gap: clamp(1rem, 1.5vw, 1.35rem);
}

.codxn-home-hero .codxn-hero-eyebrow {
	display: inline-flex;
	align-items: center;
	inline-size: fit-content;
	margin: 0;
	padding: 0.48rem 0.85rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 22%, var(--wp--preset--color--border));
	border-radius: var(--wp--custom--radius--pill, 999px);
	background: color-mix(in srgb, var(--wp--preset--color--surface) 82%, var(--wp--preset--color--accent-soft));
	box-shadow: 0 0.45rem 1.4rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 5%, transparent);
	gap: var(--wp--preset--spacing--2-xs, 0.5rem);
}

.codxn-home-hero .codxn-hero-eyebrow-icon {
	flex: 0 0 auto;
	color: var(--wp--custom--semantic--icon-foreground);
}

.codxn-home-hero .codxn-eyebrow-text {
	margin: 0;
	line-height: 1.4;
}

.codxn-home-hero h1 {
	inline-size: 100%;
	max-inline-size: 12ch;
	margin-block: 0;
	font-weight: 740;
	letter-spacing: -0.018em;
	color: var(--wp--preset--color--foreground);
	-webkit-hyphens: none;
	hyphens: none;
	overflow: visible;
	overflow-wrap: normal;
	word-break: normal;
	line-break: auto;
	text-wrap: balance;
}

.codxn-home-hero .codxn-hero-title-accent {
	background: linear-gradient(92deg, var(--wp--preset--color--medical-teal), var(--wp--preset--color--brand-fill));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--wp--preset--color--brand-text);
}

@supports not (background-clip: text) {
	.codxn-home-hero .codxn-hero-title-accent {
		background: none;
		color: var(--wp--preset--color--brand-text);
	}
}

.codxn-home-hero .codxn-hero-lead {
	max-inline-size: 47ch;
	margin-block: 0;
	font-size: clamp(1.05rem, 1.2vw, 1.2rem) !important;
	line-height: 1.8;
}

.codxn-home-hero .codxn-hero-actions {
	align-items: center;
	margin-block-start: 0.3rem;
}

.codxn-home-hero .codxn-hero-actions .wp-block-buttons {
	align-items: center;
	gap: 0.8rem;
}

.codxn-home-hero .codxn-hero-trust {
	display: flex;
	flex-wrap: wrap;
	inline-size: 100%;
	max-inline-size: 40rem;
	margin: 0.4rem 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	gap: 0.65rem 1.15rem;
}

.codxn-home-hero .codxn-hero-trust-item {
	display: inline-flex;
	align-items: center;
	inline-size: fit-content;
	margin: 0;
	gap: 0.45rem;
	padding: 0.5rem 0.72rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 18%, var(--wp--preset--color--border));
	border-radius: 0.9rem;
	background: color-mix(in srgb, var(--wp--preset--color--surface) 82%, var(--wp--preset--color--accent-soft));
	color: var(--wp--preset--color--foreground);
	font-weight: 600;
	line-height: 1.35;
}

.codxn-home-hero .codxn-hero-trust-item:nth-child(2) {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 76%, var(--wp--preset--color--medical-cyan));
}

.codxn-home-hero .codxn-hero-trust-item:nth-child(3) {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 92%, var(--wp--preset--color--medical-navy));
}

.codxn-home-hero .codxn-hero-trust-item p {
	margin: 0;
}

.codxn-home-hero .codxn-hero-trust-icon {
	flex: 0 0 auto;
	color: var(--wp--custom--semantic--icon-foreground);
}

.codxn-home-hero .codxn-hero-media-column {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	inline-size: 100%;
	min-inline-size: 0;
	padding: 0;
}

.codxn-home-hero .codxn-hero-figure {
	position: relative;
	isolation: isolate;
	display: grid;
	place-items: end center;
	inline-size: 100% !important;
	max-inline-size: 52rem;
	min-block-size: 0;
	aspect-ratio: 6 / 5;
	box-sizing: border-box;
	margin: 0 auto !important;
	padding: 0;
}

.codxn-home-hero .codxn-hero-figure::before,
.codxn-home-hero .codxn-hero-figure::after {
	content: "";
	position: absolute;
}

.codxn-home-hero .codxn-hero-figure::before {
	inset: 7% 1% 2% 7%;
	z-index: 0;
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 30%, transparent);
	border-radius: 58% 42% 54% 46% / 42% 58% 42% 58%;
	background:
		radial-gradient(circle at 72% 22%, color-mix(in srgb, var(--codxn-palette-soft) 74%, transparent), transparent 44%),
		linear-gradient(145deg, color-mix(in srgb, var(--codxn-palette-accent) 24%, transparent), color-mix(in srgb, var(--codxn-palette-soft) 58%, transparent));
	box-shadow: var(--codxn-depth-2);
}

.codxn-home-hero .codxn-hero-figure::after {
	inset-block-start: clamp(1.25rem, 4vw, 2.5rem);
	inset-inline-start: -0.75rem;
	z-index: 0;
	inline-size: clamp(3rem, 5vw, 4.5rem);
	block-size: clamp(3rem, 5vw, 4.5rem);
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 24%, transparent);
	border-radius: 44% 56% 48% 52%;
	background: color-mix(in srgb, var(--codxn-palette-surface) 58%, transparent);
	box-shadow: var(--codxn-depth-1);
}

.codxn-home-hero .codxn-hero-media {
	position: relative;
	z-index: 1;
	inline-size: 100% !important;
	max-inline-size: none;
	max-block-size: none;
	aspect-ratio: 6 / 5;
	margin: 0 !important;
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 20%, var(--wp--preset--color--border));
	border-radius: 56% 44% 50% 50% / 18% 22% 14% 18%;
	background: transparent;
	box-shadow: var(--codxn-depth-3);
	overflow: hidden;
	transform: none;
}

.codxn-home-hero .codxn-hero-media img {
	position: absolute;
	inset: 0;
	display: block;
	inline-size: 100%;
	block-size: 100%;
	padding: 0;
	object-fit: contain;
	object-position: center bottom;
}

.codxn-home-hero .codxn-hero-medical-accent {
	position: absolute;
	inset-block-start: clamp(1rem, 2.5vw, 2rem);
	inset-inline-end: clamp(0.85rem, 2vw, 1.5rem);
	z-index: 2;
	display: grid;
	place-items: center;
	inline-size: 3.5rem;
	block-size: 3.5rem;
	box-sizing: border-box;
	padding: 0.55rem;
	border: 1px solid color-mix(in srgb, var(--codxn-palette-accent) 28%, var(--wp--preset--color--border));
	border-radius: 1.05rem;
	background: color-mix(in srgb, var(--codxn-palette-surface) 92%, transparent);
	box-shadow: var(--codxn-depth-1);
	color: var(--wp--preset--color--brand-text);
}

.codxn-home-hero .codxn-hero-medical-accent svg {
	display: block;
	inline-size: 100%;
	block-size: 100%;
}

html[data-codxn-color-scheme="dark"] .codxn-home-hero .codxn-hero-media,
html[data-codxn-color-scheme="dark"] .codxn-home-hero .codxn-hero-medical-accent {
	border-color: color-mix(in srgb, var(--codxn-palette-accent) 28%, var(--wp--preset--color--border));
}

html[data-codxn-color-scheme="dark"] .codxn-home-hero {
	background:
		radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--wp--preset--color--medical-cyan) 10%, transparent), transparent 31%),
		radial-gradient(circle at 90% 84%, color-mix(in srgb, var(--wp--preset--color--brand-fill) 14%, transparent), transparent 32%),
		linear-gradient(135deg, var(--wp--preset--color--background), color-mix(in srgb, var(--wp--preset--color--medical-navy) 58%, var(--wp--preset--color--surface)));
}

@media (prefers-color-scheme: dark) {
	html:not([data-codxn-color-scheme="light"]) .codxn-home-hero .codxn-hero-media,
html:not([data-codxn-color-scheme="light"]) .codxn-home-hero .codxn-hero-medical-accent {
		border-color: color-mix(in srgb, var(--codxn-palette-accent) 28%, var(--wp--preset--color--border));
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-home-hero {
		background:
			radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--wp--preset--color--medical-cyan) 10%, transparent), transparent 31%),
			radial-gradient(circle at 90% 84%, color-mix(in srgb, var(--wp--preset--color--brand-fill) 14%, transparent), transparent 32%),
			linear-gradient(135deg, var(--wp--preset--color--background), color-mix(in srgb, var(--wp--preset--color--medical-navy) 58%, var(--wp--preset--color--surface)));
	}

}

@media (max-width: 900px) {
	.codxn-home-hero.codxn-surface-medical-clean {
		padding-block: clamp(3rem, 7vw, 4.5rem) !important;
	}

	.codxn-home-hero .codxn-hero-scene {
		grid-template-columns: minmax(0, 1fr);
		gap: clamp(2rem, 5vw, 3rem);
	}

	.codxn-home-hero .codxn-hero-content {
		max-inline-size: 43rem;
		margin-inline: auto !important;
		align-items: center;
		text-align: center;
	}

	.codxn-home-hero h1,
.codxn-home-hero .codxn-hero-lead {
		margin-inline: auto;
		text-align: center;
	}

	.codxn-home-hero .codxn-hero-actions,
.codxn-home-hero .codxn-hero-actions .wp-block-buttons,
.codxn-home-hero .codxn-hero-trust {
		justify-content: center;
	}

	.codxn-home-hero .codxn-hero-media-column,
.codxn-home-hero .codxn-hero-figure {
		max-inline-size: 43rem;
		margin-inline: auto !important;
	}
}

@media (max-width: 700px) {
	.codxn-home-hero.codxn-surface-medical-clean {
		padding-block: clamp(2.35rem, 8vw, 3.25rem) !important;
	}

	.codxn-home-hero > .codxn-hero-shell {
		inline-size: calc(100% - 1.5rem) !important;
		max-inline-size: none !important;
	}

	.codxn-home-hero .codxn-hero-content {
		gap: 0.95rem;
		padding-inline: 0 !important;
	}

	body.codxn-has-floating-actions .codxn-home-hero .codxn-hero-content,
body.codxn-has-floating-actions .codxn-home-hero .codxn-hero-media-column {
		padding-inline: 0 !important;
	}

	.codxn-home-hero h1 {
		inline-size: min(100%, 12ch);
		font-size: clamp(2rem, 8.5vw, 2.25rem) !important;
		line-height: 1.22;
		letter-spacing: -0.012em;
	}

	.codxn-home-hero .codxn-hero-lead {
		max-inline-size: 38ch;
		font-size: 1rem !important;
		line-height: 1.75;
	}

	.codxn-home-hero .codxn-hero-actions,
.codxn-home-hero .codxn-hero-actions .wp-block-buttons {
		inline-size: 100%;
	}

	.codxn-home-hero .codxn-hero-actions .wp-block-button__link {
		min-block-size: 3.25rem;
	}

	.codxn-home-hero .codxn-hero-trust {
		max-inline-size: 32rem;
		gap: 0.55rem 0.9rem;
	}

	.codxn-home-hero .codxn-hero-trust-item {
		flex: 0 1 auto;
		min-inline-size: 0;
	}

	.codxn-home-hero .codxn-hero-media-column,
.codxn-home-hero .codxn-hero-figure {
		inline-size: 100% !important;
		max-inline-size: 37rem;
		margin-inline: auto !important;
		padding-inline: 0 !important;
	}

	.codxn-home-hero .codxn-hero-figure,
.codxn-home-hero .codxn-hero-media {
		aspect-ratio: 1 / 1;
	}

	.codxn-home-hero .codxn-hero-media {
		border-radius: 54% 46% 48% 52% / 16% 18% 14% 16%;
	}

	.codxn-home-hero .codxn-hero-medical-accent {
		inset-block-start: 0.8rem;
		inset-inline-end: 0.8rem;
		inline-size: 3.1rem;
		block-size: 3.1rem;
		padding: 0.5rem;
		border-radius: 0.9rem;
	}

}

@media (max-width: 480px) {
	.codxn-home-hero .codxn-hero-actions .wp-block-buttons {
		flex-direction: column;
		align-items: center;
	}

	.codxn-home-hero .codxn-hero-actions .wp-block-button,
.codxn-home-hero .codxn-hero-actions .wp-block-button__link {
		inline-size: fit-content;
		max-inline-size: 100%;
	}

	.codxn-home-hero .codxn-hero-trust {
		align-items: flex-start;
		justify-content: flex-start;
		max-inline-size: 19rem;
		text-align: start;
	}

	.codxn-home-hero .codxn-hero-trust-item {
		flex: 1 1 100%;
		inline-size: 100%;
	}

}

@media (forced-colors: active) {
	.codxn-home-hero .codxn-hero-eyebrow,
	.codxn-home-hero .codxn-hero-trust-item,
	.codxn-home-hero .codxn-hero-media,
	.codxn-home-hero .codxn-hero-medical-accent {
		border-color: CanvasText;
	}
}


/* ============================================================
 * Premium medical Services cards
 * ============================================================ */
/* Canonical homepage Services component. Structure, palette distribution,
 * responsive composition, dark mode, and motion live only in this section. */
.codxn-home-services.codxn-surface-clinical {
	position: relative;
	isolation: isolate;
	overflow: clip;
}

.codxn-home-services.codxn-surface-clinical::before {
	content: none;
	background: none;
}

.codxn-home-services.codxn-surface-clinical::after {
	content: none;
	background: none;
	-webkit-mask: none;
	mask: none;
}

.codxn-home-services > .wp-block-group.alignwide {
	inline-size: min(var(--codxn-home-card-width), calc(100vw - var(--codxn-home-edge))) !important;
	max-inline-size: var(--codxn-home-card-width) !important;
}

.codxn-home-services .codxn-section-intro {
	max-inline-size: 58rem;
}

.codxn-home-services .codxn-services-kicker {
	display: inline-flex;
	align-items: center;
	inline-size: fit-content;
	margin: 0;
	padding: 0.5rem 0.78rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 22%, var(--wp--preset--color--border));
	border-radius: var(--wp--custom--radius--pill, 999px);
	background: color-mix(in srgb, var(--wp--preset--color--surface) 78%, var(--wp--preset--color--accent-soft));
	box-shadow: 0 0.45rem 1.3rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 5%, transparent);
	gap: 0.45rem;
}

.codxn-home-services .codxn-services-kicker .codxn-eyebrow {
	margin: 0;
}

.codxn-home-services .codxn-services-kicker__icon {
	flex: 0 0 auto;
	color: var(--wp--custom--semantic--icon-foreground);
}

.codxn-home-services .codxn-services-intro::after {
	content: "";
	display: block;
	inline-size: min(13rem, 38vw);
	block-size: 0.3rem;
	margin-block-start: 1.1rem;
	border-radius: 999px;
	background: linear-gradient(to left, var(--wp--preset--color--brand-fill), var(--wp--preset--color--medical-teal), transparent);
}

.codxn-home-services__query {
	position: relative;
	z-index: 1;
}

.codxn-home-services .codxn-services-grid {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	grid-auto-rows: 1fr;
	gap: clamp(1rem, 1.7vw, 1.4rem) !important;
	margin: 0;
	padding: 0;
	list-style: none;
}

.codxn-home-services .codxn-services-grid > li {
	--codxn-service-tone: var(--wp--preset--color--accent);

	grid-column: span 2;
	min-inline-size: 0;
}

.codxn-home-services .codxn-services-grid > li:nth-child(5n + 1) {
	--codxn-service-tone: var(--wp--preset--color--primary-dark);
}

.codxn-home-services .codxn-services-grid > li:nth-child(5n + 2) {
	--codxn-service-tone: var(--wp--preset--color--primary);
}

.codxn-home-services .codxn-services-grid > li:nth-child(5n + 3) {
	--codxn-service-tone: var(--wp--preset--color--accent);
}

.codxn-home-services .codxn-services-grid > li:nth-child(5n + 4) {
	--codxn-service-tone: var(--wp--preset--color--medical-cyan);
}

.codxn-home-services .codxn-services-grid > li:nth-child(5n) {
	--codxn-service-tone: var(--wp--preset--color--accent-soft);
}

@supports selector(:has(*)) {
	.codxn-home-services .codxn-services-grid:not(:has(> li:nth-child(2))) > li {
		grid-column: 1 / -1;
	}

	.codxn-home-services .codxn-services-grid:has(> li:nth-child(2):last-child) > li,
	.codxn-home-services .codxn-services-grid:has(> li:nth-child(4):last-child) > li {
		grid-column: span 3;
	}

	.codxn-home-services .codxn-services-grid:has(> li:nth-child(5)) > li:nth-child(-n + 2) {
		grid-column: span 3;
	}
}

.codxn-home-services .codxn-home-service-card {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex !important;
	flex-direction: column;
	block-size: 100%;
	min-block-size: 0;
	box-sizing: border-box;
	gap: 0;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--codxn-service-tone) 24%, var(--wp--preset--color--border));
	border-radius: 1.5rem;
	background: linear-gradient(145deg, color-mix(in srgb, var(--codxn-service-tone) 5%, var(--wp--preset--color--surface)), var(--wp--preset--color--surface) 58%);
	box-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 7%, transparent);
	text-align: start;
}

.codxn-home-services .codxn-home-service-card::before {
	content: "";
	position: absolute;
	z-index: 3;
	inset-block-start: 0;
	inset-inline: 0;
	block-size: 0.25rem;
	background: var(--codxn-service-tone);
}

.codxn-home-services .codxn-services-grid > li:nth-child(5n + 1) .codxn-home-service-card::before {
	background: var(--wp--preset--color--primary);
}

.codxn-home-services .codxn-home-service-card__body::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-block-end: -5rem;
	inset-inline-end: -4rem;
	inline-size: 11rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--codxn-service-tone) 15%, transparent), transparent 68%);
	pointer-events: none;
}

.codxn-home-services .codxn-home-service-card__media {
	position: relative;
	inline-size: 100% !important;
	aspect-ratio: 16 / 9 !important;
	margin: 0 !important;
	border: 0;
	border-radius: 0;
	background: color-mix(in srgb, var(--codxn-service-tone) 12%, var(--wp--preset--color--surface));
	box-shadow: none;
}

.codxn-home-services .codxn-home-service-card__media .codxn-card-media-photo,
.codxn-home-services .codxn-home-service-card__media .codxn-card-media-photo a,
.codxn-home-services .codxn-home-service-card__media .codxn-card-media-photo img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
}

.codxn-home-services .codxn-home-service-card__media .codxn-card-media-photo img {
	object-fit: cover;
	object-position: center;
}

.codxn-home-services .codxn-home-service-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(to top, color-mix(in srgb, var(--codxn-service-tone) 17%, transparent), transparent 46%);
	pointer-events: none;
}

@supports selector(:has(*)) {
	.codxn-home-services .codxn-home-service-card__media:not(:has(.wp-block-post-featured-image)) {
		display: none;
	}
}

.codxn-home-services .codxn-home-service-card__body {
	position: relative;
	z-index: 2;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	inline-size: 100%;
	box-sizing: border-box;
	gap: 0.7rem;
	margin: 0 !important;
	padding: clamp(1.2rem, 1.8vw, 1.55rem);
	text-align: start;
}

.codxn-home-services .codxn-home-service-card__body > * {
	margin-block-start: 0 !important;
}

.codxn-home-services .codxn-home-service-card__body > .wp-block-shortcode {
	margin: 0 !important;
}

.codxn-home-services .codxn-service-card__icon-stage {
	position: static;
	inset: auto;
	isolation: isolate;
	display: grid;
	place-items: center;
	inline-size: 3rem;
	block-size: 3rem;
	margin: 0 0 0.15rem;
	border: 1px solid color-mix(in srgb, var(--codxn-service-tone) 28%, var(--wp--preset--color--border));
	border-radius: 1.05rem;
	background: color-mix(in srgb, var(--codxn-service-tone) 13%, var(--wp--preset--color--surface));
	background-image: none;
	color: var(--wp--preset--color--brand-text);
	box-shadow: 0 0.45rem 1rem color-mix(in srgb, var(--codxn-service-tone) 12%, transparent);
}

.codxn-home-services .codxn-home-service-card__body[style*="--codxn-icon-stage-size"] .codxn-service-card__icon-stage {
	inline-size: var(--codxn-icon-stage-size);
	block-size: var(--codxn-icon-stage-size);
}

.codxn-home-services .codxn-service-card__icon-stage::before,
.codxn-home-services .codxn-service-card__icon-stage::after {
	display: none;
}

.codxn-home-services .codxn-service-card__icon {
	inline-size: var(--codxn-icon-size, 1.7rem);
	block-size: var(--codxn-icon-size, 1.7rem);
	filter: none;
}

.codxn-home-services .codxn-home-service-card .wp-block-post-title {
	inline-size: 100%;
	margin: 0 !important;
	font-size: clamp(1.2rem, 1.5vw, 1.45rem) !important;
	font-weight: 750;
	line-height: 1.35;
	text-align: start;
}

.codxn-home-services .codxn-home-service-card .wp-block-post-title a {
	color: inherit;
	text-decoration: none;
}

.codxn-home-services .codxn-home-service-card .wp-block-post-excerpt,
.codxn-home-services .codxn-home-service-card .wp-block-post-excerpt__excerpt {
	inline-size: 100%;
	margin: 0 !important;
	color: var(--wp--preset--color--text-muted);
	font-size: 0.95rem;
	line-height: 1.75;
	text-align: start;
}

.codxn-home-services .codxn-home-service-card .wp-block-post-excerpt__excerpt {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.codxn-home-services .codxn-home-service-card__link {
	display: inline-flex;
	align-items: center;
	inline-size: fit-content;
	margin-block-start: auto !important;
	padding-block-start: 0.35rem;
	color: var(--wp--preset--color--brand-text);
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	gap: 0.4rem;
}

.codxn-home-services .codxn-home-service-card__link::after {
	content: "\2190";
	font-size: 1.05em;
	transition: transform var(--wp--custom--motion--duration--fast, 180ms) var(--wp--custom--motion--easing--standard, ease);
}

[dir="ltr"] .codxn-home-services .codxn-home-service-card__link::after {
	content: "\2192";
}

.codxn-home-services .codxn-home-service-card :is(.wp-block-post-title a, .codxn-home-service-card__link):focus-visible {
	outline: 3px solid var(--wp--preset--color--control-focus);
	outline-offset: 0.25rem;
	border-radius: 0.25rem;
}

.codxn-home-services .codxn-home-service-card__media a:focus-visible {
	outline: 3px solid var(--wp--preset--color--control-focus);
	outline-offset: -0.4rem;
	border-radius: 1.1rem 1.1rem 0 0;
}

html[data-codxn-color-scheme="dark"] .codxn-home-services .codxn-home-service-card {
	border-color: color-mix(in srgb, var(--codxn-service-tone) 28%, var(--wp--preset--color--border));
	background: linear-gradient(145deg, color-mix(in srgb, var(--codxn-service-tone) 10%, var(--wp--preset--color--surface)), var(--wp--preset--color--surface) 64%);
	box-shadow: 0 0.7rem 2rem color-mix(in srgb, var(--wp--preset--color--black) 18%, transparent);
}

html[data-codxn-color-scheme="dark"] .codxn-home-services .codxn-service-card__icon-stage {
	background: color-mix(in srgb, var(--codxn-service-tone) 16%, var(--wp--preset--color--surface));
}

@media (prefers-color-scheme: dark) {
	html:not([data-codxn-color-scheme="light"]) .codxn-home-services .codxn-home-service-card {
		border-color: color-mix(in srgb, var(--codxn-service-tone) 28%, var(--wp--preset--color--border));
		background: linear-gradient(145deg, color-mix(in srgb, var(--codxn-service-tone) 10%, var(--wp--preset--color--surface)), var(--wp--preset--color--surface) 64%);
		box-shadow: 0 0.7rem 2rem color-mix(in srgb, var(--wp--preset--color--black) 18%, transparent);
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-home-services .codxn-service-card__icon-stage {
		background: color-mix(in srgb, var(--codxn-service-tone) 16%, var(--wp--preset--color--surface));
	}
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	.codxn-home-services .codxn-home-service-card,
	.codxn-home-services .codxn-home-service-card__media img,
	.codxn-home-services .codxn-service-card__icon-stage {
		transition:
			transform var(--wp--custom--motion--duration--base, 320ms) var(--wp--custom--motion--easing--standard, ease),
			border-color var(--wp--custom--motion--duration--base, 320ms) var(--wp--custom--motion--easing--standard, ease),
			box-shadow var(--wp--custom--motion--duration--base, 320ms) var(--wp--custom--motion--easing--standard, ease);
	}

	.codxn-home-services .codxn-home-service-card:hover {
		transform: translateY(-0.35rem);
		border-color: color-mix(in srgb, var(--codxn-service-tone) 46%, var(--wp--preset--color--border));
		box-shadow: 0 1.1rem 2.6rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 11%, transparent);
	}

	.codxn-home-services .codxn-home-service-card:hover .codxn-home-service-card__media img {
		transform: scale(1.035);
	}

	.codxn-home-services .codxn-home-service-card:hover .codxn-service-card__icon-stage {
		transform: translateY(-0.15rem);
	}

	.codxn-home-services .codxn-home-service-card:hover .codxn-home-service-card__link::after {
		transform: translateX(-0.2rem);
	}

	[dir="ltr"] .codxn-home-services .codxn-home-service-card:hover .codxn-home-service-card__link::after {
		transform: translateX(0.2rem);
	}
}

@media (max-width: 1024px) {
	.codxn-home-services .codxn-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.codxn-home-services .codxn-services-grid > li {
		grid-column: auto !important;
	}

	@supports selector(:has(*)) {
		.codxn-home-services .codxn-services-grid:has(> li:nth-child(2):last-child) > li,
		.codxn-home-services .codxn-services-grid:has(> li:nth-child(4):last-child) > li,
		.codxn-home-services .codxn-services-grid:has(> li:nth-child(5)) > li:nth-child(-n + 2) {
			grid-column: auto !important;
		}
	}
}

@media (max-width: 640px) {
	.codxn-home-services > .wp-block-group.alignwide {
		inline-size: calc(100% - 1.25rem) !important;
		max-inline-size: none !important;
	}

	.codxn-home-services .codxn-services-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 0.9rem !important;
	}

	.codxn-home-services .codxn-services-grid > li {
		grid-column: auto !important;
	}

	@supports selector(:has(*)) {
		.codxn-home-services .codxn-services-grid:has(> li:nth-child(2):last-child) > li,
		.codxn-home-services .codxn-services-grid:has(> li:nth-child(4):last-child) > li,
		.codxn-home-services .codxn-services-grid:has(> li:nth-child(5)) > li:nth-child(-n + 2) {
			grid-column: auto !important;
		}
	}

	.codxn-home-services .codxn-home-service-card {
		border-radius: 1.25rem;
	}

	.codxn-home-services .codxn-home-service-card::before {
		border-start-start-radius: 1.2rem;
		border-start-end-radius: 1.2rem;
	}

	.codxn-home-services .codxn-home-service-card__media {
		aspect-ratio: 16 / 9 !important;
	}

	.codxn-home-services .codxn-home-service-card__body {
		padding: 1.1rem;
	}

	.codxn-home-services .codxn-service-card__icon-stage {
		inline-size: 2.875rem;
		block-size: 2.875rem;
		border-radius: 0.95rem;
	}

.codxn-home-services .codxn-home-service-card__body[style*="--codxn-icon-stage-size"]:not([style*="--codxn-icon-mobile-size"]) .codxn-service-card__icon-stage {
		inline-size: min(var(--codxn-icon-stage-size), 56px);
		block-size: min(var(--codxn-icon-stage-size), 56px);
	}

	.codxn-home-services .codxn-home-service-card__body[style*="--codxn-icon-mobile-size"] .codxn-service-card__icon-stage {
		inline-size: calc(var(--codxn-icon-mobile-size) + 1rem);
		block-size: calc(var(--codxn-icon-mobile-size) + 1rem);
	}

	.codxn-home-services .codxn-home-service-card__body:not([style*="--codxn-icon-mobile-size"]) .codxn-service-card__icon {
		inline-size: min(var(--codxn-icon-size, 1.625rem), 2.5rem);
		block-size: min(var(--codxn-icon-size, 1.625rem), 2.5rem);
	}

	.codxn-home-services .codxn-home-service-card__body[style*="--codxn-icon-mobile-size"] .codxn-service-card__icon {
		inline-size: var(--codxn-icon-mobile-size);
		block-size: var(--codxn-icon-mobile-size);
	}
}

@media (prefers-reduced-motion: reduce) {
	.codxn-home-services .codxn-home-service-card,
	.codxn-home-services .codxn-home-service-card:hover,
	.codxn-home-services .codxn-home-service-card__media img,
	.codxn-home-services .codxn-home-service-card:hover .codxn-home-service-card__media img,
	.codxn-home-services .codxn-service-card__icon-stage,
	.codxn-home-services .codxn-home-service-card:hover .codxn-service-card__icon-stage,
	.codxn-home-services .codxn-home-service-card__link::after,
	.codxn-home-services .codxn-home-service-card:hover .codxn-home-service-card__link::after {
		transform: none;
		transition: none;
	}
}

@media (forced-colors: active) {
	.codxn-home-services .codxn-home-service-card,
	.codxn-home-services .codxn-service-card__icon-stage,
	.codxn-home-services .codxn-services-kicker {
		border-color: CanvasText;
	}
}

/* ============================================================
 * Premium medical Clinic Media / Gallery
 * ============================================================ */
.codxn-home-clinic-media {
	position: relative;
	isolation: isolate;
	overflow: clip;
	background:
		radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--wp--preset--color--accent-soft) 58%, transparent) 0 8rem, transparent 22rem),
		linear-gradient(180deg, var(--wp--preset--color--surface), color-mix(in srgb, var(--wp--preset--color--surface) 92%, var(--wp--preset--color--accent-soft)));
}

.codxn-home-clinic-media::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-block-end: -7rem;
	inset-inline-start: -5rem;
	inline-size: 22rem;
	block-size: 22rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 13%, transparent);
	border-radius: 50%;
	box-shadow: 0 0 0 3rem color-mix(in srgb, var(--wp--preset--color--accent-soft) 13%, transparent);
}

.codxn-home-clinic-media > .codxn-clinic-media__shell.alignwide {
	inline-size: min(var(--codxn-home-media-width), calc(100vw - var(--codxn-home-edge))) !important;
	max-inline-size: var(--codxn-home-media-width) !important;
}

.codxn-home-clinic-media .codxn-clinic-media__intro {
	max-inline-size: 51rem;
	margin-inline: 0 !important;
}

.codxn-home-clinic-media .codxn-clinic-media__eyebrow {
	display: inline-flex;
	align-items: center;
	inline-size: fit-content;
	gap: 0.5rem;
	margin: 0 0 0.9rem;
	padding: 0.42rem 0.82rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 25%, var(--wp--preset--color--border));
	border-radius: 999px;
	background: color-mix(in srgb, var(--wp--preset--color--accent-soft) 62%, var(--wp--preset--color--surface));
}

.codxn-home-clinic-media .codxn-clinic-media__eyebrow p {
	margin: 0;
}

.codxn-home-clinic-media .codxn-clinic-media__eyebrow-icon {
	color: var(--wp--preset--color--brand-fill);
}

.codxn-home-clinic-media .codxn-clinic-media__title {
	max-inline-size: 18ch;
	margin: 0;
	font-size: clamp(2.15rem, 4vw, 3.8rem) !important;
	font-weight: 760;
	line-height: 1.08;
	letter-spacing: -0.035em;
	text-wrap: balance;
}

.codxn-home-clinic-media .codxn-clinic-media__lead {
	max-inline-size: 60ch;
	margin-block: 1rem 0;
	font-size: clamp(1rem, 1.35vw, 1.18rem);
	line-height: 1.85;
}

.codxn-home-clinic-media .codxn-clinic-gallery {
	display: grid !important;
	grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 0.85fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	gap: clamp(1rem, 1.8vw, 1.45rem) !important;
	inline-size: 100%;
	min-inline-size: 0;
}

.codxn-home-clinic-media .codxn-clinic-gallery__card {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	box-sizing: border-box;
	inline-size: 100% !important;
	block-size: 100%;
	min-inline-size: 0;
	min-block-size: 0;
	margin: 0 !important;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand-text) 14%, var(--wp--preset--color--border));
	border-radius: clamp(1.35rem, 2.2vw, 2rem);
	background: color-mix(in srgb, var(--wp--preset--color--accent-soft) 48%, var(--wp--preset--color--surface));
	box-shadow: 0 1.25rem 3.25rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 11%, transparent);
}

.codxn-home-clinic-media .codxn-clinic-gallery__card::after {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 0;
	background: linear-gradient(180deg, transparent 48%, color-mix(in srgb, var(--wp--preset--color--medical-navy) 46%, transparent));
	pointer-events: none;
}

.codxn-home-clinic-media .codxn-clinic-gallery__card--primary {
	grid-column: 1;
	grid-row: 1 / span 2;
	min-block-size: clamp(34rem, 47vw, 43rem);
}

.codxn-home-clinic-media .codxn-clinic-gallery__card--support {
	grid-column: 2;
	grid-row: auto;
}

.codxn-home-clinic-media .codxn-clinic-gallery__image {
	position: absolute;
	inset: 0;
	margin: 0 !important;
}

.codxn-home-clinic-media .codxn-clinic-gallery__image img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: none;
	object-fit: cover;
	object-position: center;
	transition: transform 760ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.codxn-home-clinic-media .codxn-clinic-gallery__caption {
	display: flex;
	position: absolute;
	z-index: 4;
	inset-block-end: clamp(0.85rem, 1.6vw, 1.35rem);
	inset-inline: clamp(0.85rem, 1.6vw, 1.35rem);
	align-items: center;
	inline-size: auto;
	max-inline-size: min(30rem, calc(100% - 1.7rem));
	gap: 0.75rem;
	margin: 0;
	padding: 0.78rem 0.9rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 26%, transparent);
	border-radius: 1.15rem;
	color: var(--wp--preset--color--white);
	background: color-mix(in srgb, var(--wp--preset--color--medical-navy) 72%, transparent);
	box-shadow: 0 0.8rem 2rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 22%, transparent);
	backdrop-filter: blur(14px);
}

.codxn-home-clinic-media .codxn-clinic-gallery__card--primary .codxn-clinic-gallery__caption {
	padding: 0.95rem 1.05rem;
}

.codxn-home-clinic-media .codxn-clinic-gallery__caption-icon {
	flex: 0 0 auto;
	padding: 0.34rem;
	border-radius: 0.8rem;
	color: var(--wp--custom--semantic--icon-foreground);
	background: color-mix(in srgb, var(--wp--preset--color--white) 13%, transparent);
}

.codxn-home-clinic-media .codxn-clinic-gallery__caption-copy {
	min-inline-size: 0;
	margin: 0;
}

.codxn-home-clinic-media .codxn-clinic-gallery__caption-copy :is(h3, p) {
	margin: 0;
	color: inherit;
}

.codxn-home-clinic-media .codxn-clinic-gallery__caption-copy h3 {
	font-weight: 720;
	line-height: 1.3;
}

.codxn-home-clinic-media .codxn-clinic-gallery__caption-copy p {
	margin-block-start: 0.2rem;
	color: color-mix(in srgb, var(--wp--preset--color--white) 82%, transparent);
	line-height: 1.45;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	.codxn-home-clinic-media .codxn-clinic-gallery__card {
		transition: transform 420ms ease, border-color 420ms ease, box-shadow 420ms ease;
	}

	.codxn-home-clinic-media .codxn-clinic-gallery__card:hover {
		z-index: 3;
		transform: translateY(-0.4rem);
		border-color: color-mix(in srgb, var(--wp--preset--color--brand-fill) 36%, var(--wp--preset--color--border));
		box-shadow: 0 1.7rem 4rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 15%, transparent);
	}

	.codxn-home-clinic-media .codxn-clinic-gallery__card:hover .codxn-clinic-gallery__image img {
		transform: scale(1.045);
	}
}

html[data-codxn-color-scheme="dark"] .codxn-home-clinic-media {
	background:
		radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--wp--preset--color--brand-fill) 15%, transparent) 0 8rem, transparent 22rem),
		linear-gradient(180deg, var(--wp--preset--color--surface), color-mix(in srgb, var(--wp--preset--color--surface) 90%, var(--wp--preset--color--medical-navy)));
}

html[data-codxn-color-scheme="dark"] .codxn-home-clinic-media .codxn-clinic-gallery__card {
	border-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 24%, var(--wp--preset--color--border));
	background: color-mix(in srgb, var(--wp--preset--color--medical-navy) 76%, var(--wp--preset--color--surface));
	box-shadow: 0 1.25rem 3.25rem color-mix(in srgb, var(--wp--preset--color--black) 27%, transparent);
}

@media (prefers-color-scheme: dark) {
	html:not([data-codxn-color-scheme="light"]) .codxn-home-clinic-media {
		background:
			radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--wp--preset--color--brand-fill) 15%, transparent) 0 8rem, transparent 22rem),
			linear-gradient(180deg, var(--wp--preset--color--surface), color-mix(in srgb, var(--wp--preset--color--surface) 90%, var(--wp--preset--color--medical-navy)));
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-home-clinic-media .codxn-clinic-gallery__card {
		border-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 24%, var(--wp--preset--color--border));
		background: color-mix(in srgb, var(--wp--preset--color--medical-navy) 76%, var(--wp--preset--color--surface));
		box-shadow: 0 1.25rem 3.25rem color-mix(in srgb, var(--wp--preset--color--black) 27%, transparent);
	}
}

@media (max-width: 900px) {
	.codxn-home-clinic-media .codxn-clinic-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto auto;
	}

	.codxn-home-clinic-media .codxn-clinic-gallery__card--primary {
		grid-column: 1 / -1;
		grid-row: 1;
		min-block-size: 0;
		aspect-ratio: 16 / 10;
	}

	.codxn-home-clinic-media .codxn-clinic-gallery__card--support {
		grid-column: auto;
		grid-row: 2;
		aspect-ratio: 4 / 3;
	}
}

@media (max-width: 781px) {
	.codxn-home-clinic-media > .codxn-clinic-media__shell.alignwide {
		inline-size: calc(100vw - 1.5rem) !important;
		max-inline-size: none !important;
	}
}

@media (max-width: 600px) {
	.codxn-home-clinic-media > .codxn-clinic-media__shell.alignwide {
		inline-size: calc(100vw - var(--codxn-home-edge)) !important;
	}

	.codxn-home-clinic-media .codxn-clinic-media__intro {
		text-align: center;
	}

	.codxn-home-clinic-media .codxn-clinic-media__intro > * {
		margin-inline: auto !important;
	}

	.codxn-home-clinic-media .codxn-clinic-gallery {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto;
		gap: 0.9rem !important;
	}

	.codxn-home-clinic-media .codxn-clinic-gallery__card--primary,
	.codxn-home-clinic-media .codxn-clinic-gallery__card--support {
		grid-column: 1;
		grid-row: auto;
		min-block-size: 0;
	}

	.codxn-home-clinic-media .codxn-clinic-gallery__card--primary {
		aspect-ratio: 4 / 3;
	}

	.codxn-home-clinic-media .codxn-clinic-gallery__card--support {
		aspect-ratio: 16 / 10;
	}

	.codxn-home-clinic-media .codxn-clinic-gallery__caption {
		inset: auto 0.7rem 0.7rem;
		max-inline-size: none;
		padding: 0.65rem 0.72rem;
		border-radius: 0.95rem;
	}
}

@media (max-width: 430px) {
	.codxn-home-clinic-media .codxn-clinic-gallery__card--primary {
		aspect-ratio: 5 / 4;
	}

	.codxn-home-clinic-media .codxn-clinic-gallery__card--support {
		aspect-ratio: 4 / 3;
	}

	.codxn-home-clinic-media .codxn-clinic-gallery__caption-copy p {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.codxn-home-clinic-media .codxn-clinic-gallery__card,
	.codxn-home-clinic-media .codxn-clinic-gallery__image img {
		transform: none !important;
		transition: none !important;
	}
}

@media (forced-colors: active) {
	.codxn-home-clinic-media .codxn-clinic-gallery__card,
	.codxn-home-clinic-media .codxn-clinic-gallery__caption {
		border-color: CanvasText;
	}
}

/* ============================================================
 * FAQ + Final CTA medical visual cohesion
 * ============================================================ */
.codxn-home-faq {
	position: relative;
	isolation: isolate;
	overflow: clip;
	background:
		radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--wp--preset--color--medical-teal) 8%, transparent), transparent 25rem),
		linear-gradient(150deg, var(--wp--preset--color--surface), color-mix(in srgb, var(--wp--preset--color--accent-soft) 18%, var(--wp--preset--color--background)));
}

.codxn-home-faq > .wp-block-group > .wp-block-group:first-child {
	max-inline-size: 48rem;
}

.codxn-home-faq .codxn-faq-list {
	inline-size: min(100%, 58rem);
	max-inline-size: 58rem;
	margin-inline: auto;
}

.codxn-home-faq .codxn-faq-list details {
	margin: 0;
	overflow: clip;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 16%, var(--wp--preset--color--border));
	border-radius: 1.25rem;
	background: color-mix(in srgb, var(--wp--preset--color--background) 96%, var(--wp--preset--color--accent-soft));
	box-shadow: 0 0.35rem 1.15rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 6%, transparent);
}

.codxn-home-faq .codxn-faq-list details + details {
	margin-block-start: 0.75rem;
}

.codxn-home-faq .codxn-faq-list summary {
	display: flex;
	align-items: center;
	gap: 1rem;
	min-block-size: 3.75rem;
	padding: 0.95rem 1.1rem;
	color: var(--wp--preset--color--foreground);
	font-size: clamp(1rem, 1.35vw, 1.1rem);
	font-weight: 700;
	line-height: 1.55;
	list-style: none;
	cursor: pointer;
}

.codxn-home-faq .codxn-faq-list summary::-webkit-details-marker {
	display: none;
}

.codxn-home-faq .codxn-faq-list summary::after {
	content: "+";
	display: inline-grid;
	flex: 0 0 1.75rem;
	place-items: center;
	inline-size: 1.75rem;
	block-size: 1.75rem;
	margin-inline-start: auto;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 24%, var(--wp--preset--color--border));
	border-radius: 50%;
	background: color-mix(in srgb, var(--wp--preset--color--accent-soft) 52%, var(--wp--preset--color--surface));
	color: var(--wp--preset--color--brand-text);
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1;
}

.codxn-home-faq .codxn-faq-list details[open] {
	border-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 30%, var(--wp--preset--color--border));
	background: color-mix(in srgb, var(--wp--preset--color--accent-soft) 18%, var(--wp--preset--color--background));
	box-shadow: 0 0.5rem 1.4rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 8%, transparent);
}

.codxn-home-faq .codxn-faq-list details[open] > summary::after {
	content: "−";
	background: color-mix(in srgb, var(--wp--preset--color--medical-teal) 12%, var(--wp--preset--color--surface));
}

.codxn-home-faq .codxn-faq-list details > :not(summary) {
	margin-block: 0;
	padding: 0 1.1rem 1.1rem;
	color: var(--wp--preset--color--text-muted);
	line-height: 1.75;
}

.codxn-home-faq .codxn-faq-list summary:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 72%, var(--wp--preset--color--brand-text));
	outline-offset: -3px;
	border-radius: inherit;
}

.codxn-home-final-cta {
	position: relative;
	isolation: isolate;
	overflow: clip;
	padding-inline: clamp(1rem, 3vw, 2rem);
	background: linear-gradient(145deg, color-mix(in srgb, var(--wp--preset--color--surface) 94%, var(--wp--preset--color--accent-soft)), var(--wp--preset--color--background));
}

.codxn-home-final-cta::before,
.codxn-home-final-cta::after {
	content: none;
}

.codxn-home-final-cta .codxn-final-cta-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		"eyebrow"
		"title"
		"copy"
		"actions";
	justify-items: center;
	align-items: center;
	row-gap: 0.75rem;
	inline-size: min(100%, 78rem);
	max-inline-size: 78rem;
	margin-inline: auto;
	padding: clamp(2rem, 4.5vw, 4rem);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--medical-teal) 22%, var(--wp--preset--color--border));
	border-radius: 1.75rem;
	background:
		radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--wp--preset--color--medical-teal) 10%, transparent), transparent 19rem),
		color-mix(in srgb, var(--wp--preset--color--background) 94%, var(--wp--preset--color--accent-soft));
	box-shadow: 0 1.25rem 3.5rem color-mix(in srgb, var(--wp--preset--color--medical-navy) 12%, transparent);
	text-align: center;
}

.codxn-home-final-cta .codxn-final-cta-inner > .codxn-eyebrow {
	grid-area: eyebrow;
	margin: 0;
}

.codxn-home-final-cta .codxn-final-cta-inner > .wp-block-heading {
	grid-area: title;
	max-inline-size: 17ch;
	margin: 0 auto;
	background: none;
	color: var(--wp--preset--color--foreground) !important;
	font-size: clamp(2.25rem, 3.5vw, 3.25rem) !important;
	-webkit-text-fill-color: currentColor;
	line-height: 1.18;
	text-align: center;
	text-wrap: balance;
}

.codxn-home-final-cta .codxn-final-cta-inner > p:not(.codxn-eyebrow) {
	grid-area: copy;
	max-inline-size: 48ch;
	margin: 0 auto;
	padding: 0;
	color: var(--wp--preset--color--text-muted) !important;
	line-height: 1.75;
	text-align: center;
}

.codxn-home-final-cta .codxn-final-cta-inner > .wp-block-buttons {
	grid-area: actions;
	justify-content: center;
	gap: 0.75rem;
	margin: 0;
}

.codxn-home-final-cta .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 3rem;
	padding-inline: 1.4rem;
}

html[data-codxn-color-scheme="dark"] .codxn-home-faq,
html[data-codxn-color-scheme="dark"] .codxn-home-final-cta {
	background: linear-gradient(145deg, color-mix(in srgb, var(--wp--preset--color--medical-navy) 90%, var(--wp--preset--color--surface)), var(--wp--preset--color--background));
}

html[data-codxn-color-scheme="dark"] .codxn-home-faq .codxn-faq-list details,
html[data-codxn-color-scheme="dark"] .codxn-home-final-cta .codxn-final-cta-inner {
	border-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 26%, var(--wp--preset--color--border));
	background: color-mix(in srgb, var(--wp--preset--color--medical-navy) 82%, var(--wp--preset--color--surface));
}

html[data-codxn-color-scheme="dark"] .codxn-home-faq .codxn-faq-list details {
	box-shadow: 0 0.4rem 1.3rem color-mix(in srgb, var(--wp--preset--color--black) 15%, transparent);
}

html[data-codxn-color-scheme="dark"] .codxn-home-final-cta .codxn-final-cta-inner {
	box-shadow: 0 1rem 3rem color-mix(in srgb, var(--wp--preset--color--black) 24%, transparent);
}

html[data-codxn-color-scheme="dark"] .codxn-home-faq .codxn-faq-list details[open] {
	background: color-mix(in srgb, var(--wp--preset--color--medical-teal) 7%, var(--wp--preset--color--medical-navy));
}

@media (prefers-color-scheme: dark) {
	html:not([data-codxn-color-scheme="light"]) :is(.codxn-home-faq, .codxn-home-final-cta) {
		background: linear-gradient(145deg, color-mix(in srgb, var(--wp--preset--color--medical-navy) 90%, var(--wp--preset--color--surface)), var(--wp--preset--color--background));
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-home-faq .codxn-faq-list details,
	html:not([data-codxn-color-scheme="light"]) .codxn-home-final-cta .codxn-final-cta-inner {
		border-color: color-mix(in srgb, var(--wp--preset--color--medical-teal) 26%, var(--wp--preset--color--border));
		background: color-mix(in srgb, var(--wp--preset--color--medical-navy) 82%, var(--wp--preset--color--surface));
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-home-faq .codxn-faq-list details {
		box-shadow: 0 0.4rem 1.3rem color-mix(in srgb, var(--wp--preset--color--black) 15%, transparent);
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-home-final-cta .codxn-final-cta-inner {
		box-shadow: 0 1rem 3rem color-mix(in srgb, var(--wp--preset--color--black) 24%, transparent);
	}

	html:not([data-codxn-color-scheme="light"]) .codxn-home-faq .codxn-faq-list details[open] {
		background: color-mix(in srgb, var(--wp--preset--color--medical-teal) 7%, var(--wp--preset--color--medical-navy));
	}
}

@media (max-width: 900px) {
	.codxn-home-final-cta .codxn-final-cta-inner > .wp-block-buttons {
		margin-block-start: 0.5rem;
	}
}

@media (max-width: 700px) {
	.codxn-home-faq,
	.codxn-home-final-cta {
		padding-block: clamp(3rem, 12vw, 4.25rem) !important;
	}

	.codxn-home-faq .codxn-faq-list details {
		border-radius: 1.125rem;
	}

	.codxn-home-faq .codxn-faq-list summary {
		gap: 0.75rem;
		min-block-size: 3.5rem;
		padding: 0.85rem 0.9rem;
	}

	.codxn-home-faq .codxn-faq-list details > :not(summary) {
		padding: 0 0.9rem 0.95rem;
	}

	.codxn-home-final-cta .codxn-final-cta-inner {
		padding: clamp(1.5rem, 6vw, 2rem);
		border-radius: 1.5rem;
		row-gap: 0.7rem;
	}

	.codxn-home-final-cta .codxn-final-cta-inner > .wp-block-heading {
		font-size: clamp(2rem, 8.5vw, 2.25rem) !important;
		line-height: 1.22;
	}

	.codxn-home-final-cta .codxn-final-cta-inner > .wp-block-buttons {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		inline-size: 100%;
		justify-items: center;
	}

	.codxn-home-final-cta .wp-block-button,
	.codxn-home-final-cta .wp-block-button__link {
		inline-size: fit-content;
		max-inline-size: 100%;
	}
}