/* Small guardrails for review hero fields that are edited by agents. */
.top10vexio-cwl-review-overview__title--long {
	font-size: clamp(2.65rem, 5vw, 4.85rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.top10vexio-cwl-review-glance__facts strong,
.top10vexio-cwl-review-glance__note,
.top10vexio-cwl-review-overview__signal-value {
	overflow-wrap: anywhere;
	word-break: normal;
}

@media (max-width: 782px) {
	.top10vexio-cwl-review-overview__title--long {
		font-size: clamp(2.35rem, 11vw, 3.4rem);
		line-height: 1.02;
	}
}

.top10vexio-cwl-review-cost__answer {
	background: #f3f9ff;
	border: 1px solid rgba(33, 132, 231, 0.18);
	border-radius: 18px;
	box-shadow: 0 14px 32px rgba(14, 75, 129, 0.08);
	margin: 24px 0;
	padding: 22px 24px;
}

.top10vexio-cwl-review-cost__answer strong {
	color: #0f4778;
	display: block;
	font-size: 0.88rem;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.top10vexio-cwl-review-cost__answer p {
	margin: 0;
}

.top10vexio-cwl-review-cost__table--treatments th,
.top10vexio-cwl-review-cost__table--treatments td {
	vertical-align: top;
}


/* Mobile UX fixes for review pages: center the hero title and turn wide pricing tables into readable cards. */
@media (max-width: 782px) {
	.top10vexio-cwl-review-overview__copy {
		max-width: 100%;
		text-align: center;
	}

	.top10vexio-cwl-review-overview__title,
	.top10vexio-cwl-review-overview__title--long {
		font-size: clamp(2rem, 8.5vw, 2.55rem);
		line-height: 1.08;
		letter-spacing: -0.035em;
		margin-left: auto;
		margin-right: auto;
		max-width: 12.5ch;
		text-align: center;
	}

	.top10vexio-cwl-review-overview__intro {
		font-size: 1rem;
		line-height: 1.65;
		margin-left: auto;
		margin-right: auto;
		max-width: 34ch;
		text-align: center;
	}

	.top10vexio-cwl-review-overview__meta,
	.top10vexio-cwl-review-overview__signals {
		justify-content: center;
	}

	.top10vexio-cwl-review-cost__answer {
		border-radius: 16px;
		margin: 18px 0;
		padding: 18px;
	}

	.top10vexio-cwl-review-cost__table-wrap {
		max-width: 100%;
		overflow: visible;
	}

	.top10vexio-cwl-review-cost__table,
	.top10vexio-cwl-review-cost__table thead,
	.top10vexio-cwl-review-cost__table tbody,
	.top10vexio-cwl-review-cost__table tr,
	.top10vexio-cwl-review-cost__table th,
	.top10vexio-cwl-review-cost__table td,
	.top10vexio-cwl-review-membership__table,
	.top10vexio-cwl-review-membership__table thead,
	.top10vexio-cwl-review-membership__table tbody,
	.top10vexio-cwl-review-membership__table tr,
	.top10vexio-cwl-review-membership__table th,
	.top10vexio-cwl-review-membership__table td {
		display: block;
		width: 100%;
	}

	.top10vexio-cwl-review-cost__table thead,
	.top10vexio-cwl-review-membership__table thead {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}

	.top10vexio-cwl-review-cost__table tr,
	.top10vexio-cwl-review-membership__table tr {
		background: #fff;
		border: 1px solid rgba(15, 71, 120, 0.10);
		border-radius: 18px;
		box-shadow: 0 14px 30px rgba(15, 71, 120, 0.07);
		margin: 0 0 16px;
		overflow: hidden;
		padding: 4px 16px;
	}

	.top10vexio-cwl-review-cost__table td,
	.top10vexio-cwl-review-membership__table td {
		border: 0;
		display: block;
		font-size: 0.98rem;
		line-height: 1.55;
		padding: 13px 0;
		text-align: left;
		word-break: normal;
		overflow-wrap: anywhere;
	}

	.top10vexio-cwl-review-cost__table td + td,
	.top10vexio-cwl-review-membership__table td + td {
		border-top: 1px solid rgba(15, 71, 120, 0.08);
	}

	.top10vexio-cwl-review-cost__table td::before,
	.top10vexio-cwl-review-membership__table td::before {
		color: #0f4778;
		content: attr(data-label);
		display: block;
		font-size: 0.72rem;
		font-weight: 900;
		letter-spacing: 0.07em;
		line-height: 1.25;
		margin-bottom: 5px;
		text-transform: uppercase;
	}

	.top10vexio-cwl-review-cost__table--treatments td:nth-child(1)::before { content: "Treatment"; }
	.top10vexio-cwl-review-cost__table--treatments td:nth-child(2)::before { content: "First month"; }
	.top10vexio-cwl-review-cost__table--treatments td:nth-child(3)::before { content: "Ongoing monthly"; }
	.top10vexio-cwl-review-cost__table--treatments td:nth-child(4)::before { content: "Membership"; }
	.top10vexio-cwl-review-cost__table--treatments td:nth-child(5)::before { content: "Includes / note"; }

	.top10vexio-cwl-review-cost__table--medication td:nth-child(1)::before { content: "Medication"; }
	.top10vexio-cwl-review-cost__table--medication td:nth-child(2)::before { content: "Estimated cost"; }

	.top10vexio-cwl-review-membership__table td:nth-child(1)::before { content: "Cost item"; }
	.top10vexio-cwl-review-membership__table td:nth-child(2)::before { content: "Estimated cost"; }

	.top10vexio-cwl-review-compare__table-wrap {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	.top10vexio-cwl-review-compare__table {
		min-width: 680px;
	}
}

@media (max-width: 420px) {
	.top10vexio-cwl-review-overview__title,
	.top10vexio-cwl-review-overview__title--long {
		font-size: clamp(1.9rem, 9vw, 2.3rem);
		max-width: 13ch;
	}

	.top10vexio-cwl-review-cost__table tr,
	.top10vexio-cwl-review-membership__table tr {
		padding-left: 14px;
		padding-right: 14px;
	}
}

/* v1.3.11 mobile pricing UX: use purpose-built card markup instead of squeezing tables. */
.top10vexio-cwl-review-cost__mobile-cards {
	display: none;
}

@media (max-width: 782px) {
	.top10vexio-cwl-review-overview__copy {
		align-items: center !important;
		display: flex !important;
		flex-direction: column !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}

	.top10vexio-cwl-review-overview__title,
	.top10vexio-cwl-review-overview__title--long,
	.top10vexio-cwl-review-overview h1 {
		display: block !important;
		font-size: clamp(2.15rem, 10vw, 2.8rem) !important;
		line-height: 1.03 !important;
		letter-spacing: -0.035em !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 10.5ch !important;
		text-align: center !important;
		text-wrap: balance;
		width: 100% !important;
	}

	.top10vexio-cwl-review-overview__intro {
		font-size: 1rem !important;
		line-height: 1.62 !important;
		max-width: 34ch !important;
		text-align: center !important;
	}

	.top10vexio-cwl-review-cost__table-wrap--treatments > table,
	.top10vexio-cwl-review-membership__table-wrap > table {
		display: none !important;
	}

	.top10vexio-cwl-review-cost__mobile-cards {
		display: grid;
		gap: 14px;
		margin: 18px 0 0;
	}

	.top10vexio-cwl-review-cost__mobile-card {
		background: #fff;
		border: 1px solid rgba(15, 71, 120, 0.10);
		border-radius: 18px;
		box-shadow: 0 14px 30px rgba(15, 71, 120, 0.07);
		color: #123f67;
		font-size: 1rem;
		line-height: 1.55;
		padding: 16px 17px;
		text-align: left;
	}

	.top10vexio-cwl-review-cost__mobile-card h3 {
		color: #0b4f86;
		font-size: 1.08rem;
		font-weight: 900;
		letter-spacing: -0.01em;
		line-height: 1.25;
		margin: 0 0 12px;
	}

	.top10vexio-cwl-review-cost__mobile-card dl {
		display: grid;
		gap: 0;
		margin: 0;
	}

	.top10vexio-cwl-review-cost__mobile-card dl > div {
		border-top: 1px solid rgba(15, 71, 120, 0.08);
		padding: 11px 0 0;
		margin-top: 11px;
	}

	.top10vexio-cwl-review-cost__mobile-card dl > div:first-child {
		border-top: 0;
		margin-top: 0;
		padding-top: 0;
	}

	.top10vexio-cwl-review-cost__mobile-card dt {
		color: #0f4778;
		font-size: 0.76rem;
		font-weight: 900;
		letter-spacing: 0.07em;
		line-height: 1.25;
		margin: 0 0 4px;
		text-transform: uppercase;
	}

	.top10vexio-cwl-review-cost__mobile-card dd {
		color: #123f67;
		font-size: 1rem;
		font-weight: 650;
		line-height: 1.5;
		margin: 0;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.top10vexio-cwl-review-cost__mobile-card--simple h3 {
		margin-bottom: 10px;
	}

	.top10vexio-cwl-review-cost__mobile-card--simple dd {
		font-weight: 750;
	}
}

@media (max-width: 420px) {
	.top10vexio-cwl-review-overview__title,
	.top10vexio-cwl-review-overview__title--long,
	.top10vexio-cwl-review-overview h1 {
		font-size: clamp(2rem, 10.4vw, 2.45rem) !important;
		max-width: 10.5ch !important;
	}

	.top10vexio-cwl-review-cost__mobile-card {
		padding: 15px 16px;
	}
}

/* v1.4.0 cost-section clarity: clear subheads and notes from canonical treatment pricing. */
.top10vexio-cwl-review-cost__subhead {
	margin: 26px 0 12px;
}

.top10vexio-cwl-review-cost__subhead h3 {
	color: #0f4778;
	font-size: clamp(1.25rem, 2vw, 1.65rem);
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin: 0 0 6px;
}

.top10vexio-cwl-review-cost__subhead p {
	color: #315f86;
	font-size: 0.98rem;
	line-height: 1.55;
	margin: 0;
}

.top10vexio-cwl-review-cost__note-box {
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(15, 71, 120, 0.10);
	border-radius: 16px;
	margin-top: 20px;
	padding: 16px 18px;
}

.top10vexio-cwl-review-cost__note-box > strong {
	color: #0f4778;
	display: block;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.top10vexio-cwl-review-cost__note-box .top10vexio-cwl-review-cost__note {
	margin: 0;
}

@media (max-width: 782px) {
	.top10vexio-cwl-review-cost__subhead {
		margin-top: 22px;
	}

	.top10vexio-cwl-review-cost__subhead h3 {
		font-size: 1.32rem;
	}

	.top10vexio-cwl-review-cost__note-box {
		padding: 15px 16px;
	}
}