.curlit-hair-quiz {
	--chq-color-purple: #771473;
	--chq-color-yellow: #fbad18;
	--chq-color-blue: #009cd7;
	--chq-color-pink: #c60072;
	--chq-color-base: #f2f2f2;
	--chq-color-text: #251326;
	--chq-color-muted: #6b5a6c;
	--chq-color-border: rgba(119, 20, 115, 0.26);
	--chq-color-error: #9f1d42;
	--chq-color-success: #237a57;
	--chq-radius-card: 34px;
	--chq-radius-control: 18px;
	--chq-radius-button: 999px;
	--chq-shadow-card: 0 16px 0 rgba(37, 19, 38, 0.18);
	--chq-space-1: 4px;
	--chq-space-2: 8px;
	--chq-space-3: 12px;
	--chq-space-4: 16px;
	--chq-space-5: 24px;
	--chq-space-6: 32px;
	--chq-focus: 0 0 0 4px rgba(0, 156, 215, 0.32);
	--chq-font-family: Poppins, Arial, Helvetica, sans-serif;

	box-sizing: border-box;
	color: var(--chq-color-base);
	font-family: var(--chq-font-family);
	width: 100%;
}

.curlit-hair-quiz *,
.curlit-hair-quiz *::before,
.curlit-hair-quiz *::after {
	box-sizing: inherit;
}

.curlit-hair-quiz .chq-shell {
	background: var(--chq-color-purple);
	color: var(--chq-color-base);
	margin: 0 calc(50% - 50vw);
	min-height: calc(100vh - 90px);
	overflow: hidden;
	padding: clamp(22px, 4vw, 54px);
	position: relative;
	width: 100vw;
}

.curlit-hair-quiz .chq-shell::before,
.curlit-hair-quiz .chq-shell::after {
	display: none;
}

.curlit-hair-quiz .chq-shell::before {
	border: 4px solid var(--chq-color-pink);
	border-radius: 999px;
	height: 64px;
	left: 28px;
	top: 38px;
	transform: rotate(-24deg);
	width: 64px;
}

.curlit-hair-quiz .chq-shell::after {
	border: 4px solid var(--chq-color-blue);
	border-left-color: transparent;
	border-radius: 999px;
	bottom: 42px;
	height: 52px;
	right: 36px;
	transform: rotate(26deg);
	width: 52px;
}

.curlit-hair-quiz .chq-app,
.curlit-hair-quiz [data-component="quiz-app"] {
	margin: 0 auto;
	max-width: 1380px;
	position: relative;
	z-index: 1;
}

.curlit-hair-quiz .chq-shell.chq-app,
.curlit-hair-quiz .chq-shell[data-component="quiz-app"] {
	margin: 0 calc(50% - 50vw);
	max-width: none;
	width: 100vw;
}

.curlit-hair-quiz .chq-progress {
	margin: 0 auto var(--chq-space-5);
	max-width: 1380px;
	width: 100%;
}

.curlit-hair-quiz .chq-progress__label {
	color: var(--chq-color-base);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0;
	margin-bottom: var(--chq-space-2);
	text-transform: lowercase;
}

.curlit-hair-quiz .chq-progress__track {
	background: rgba(242, 242, 242, 0.16);
	border-radius: var(--chq-radius-button);
	height: 16px;
	overflow: hidden;
}

.curlit-hair-quiz .chq-progress__bar {
	background: var(--chq-color-blue);
	border-radius: inherit;
	display: block;
	height: 100%;
	position: relative;
	transition: width 180ms ease;
}

.curlit-hair-quiz .chq-progress__bar::after {
	background: var(--chq-color-yellow);
	border-radius: 50%;
	content: "";
	height: 22px;
	position: absolute;
	right: -11px;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
}

.curlit-hair-quiz .chq-screen {
	display: grid;
	gap: var(--chq-space-5);
	margin: 0 auto;
	max-width: 1380px;
	position: relative;
}

.curlit-hair-quiz .chq-screen > :not(.chq-doodle-layer) {
	position: relative;
	z-index: 1;
}

.curlit-hair-quiz .chq-screen__header {
	max-width: 900px;
}

.curlit-hair-quiz .chq-eyebrow {
	color: var(--chq-color-yellow);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 0 var(--chq-space-2);
	text-transform: lowercase;
}

.curlit-hair-quiz .chq-title {
	color: var(--chq-color-yellow);
	font-size: clamp(38px, 6vw, 76px);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 0.98;
	margin: 0 0 var(--chq-space-3);
	max-width: 920px;
}

.curlit-hair-quiz .chq-copy {
	color: var(--chq-color-base);
	font-size: clamp(17px, 2vw, 22px);
	font-weight: 500;
	line-height: 1.45;
	margin: 0;
	max-width: 780px;
}

.curlit-hair-quiz .chq-start__layout {
	align-items: center;
	display: grid;
	gap: var(--chq-space-6);
	grid-template-columns: minmax(0, 1fr) minmax(220px, 390px);
	position: relative;
}

.curlit-hair-quiz .chq-start__badges {
	display: flex;
	flex-wrap: wrap;
	gap: var(--chq-space-3);
	margin-top: var(--chq-space-4);
}

.curlit-hair-quiz .chq-start__badges span {
	border: 2px solid var(--chq-color-pink);
	border-radius: var(--chq-radius-button);
	color: var(--chq-color-yellow);
	font-size: 14px;
	font-weight: 800;
	padding: 9px 14px;
}

.curlit-hair-quiz .chq-start__media {
	margin: 0;
	position: relative;
}

.curlit-hair-quiz .chq-start__media > img,
.curlit-hair-quiz .chq-intel__media > img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}

.curlit-hair-quiz .chq-question-panel {
	background: var(--chq-color-base);
	border: 0;
	border-radius: var(--chq-radius-card);
	box-shadow: var(--chq-shadow-card);
	color: var(--chq-color-text);
	display: grid;
	gap: var(--chq-space-5);
	padding: clamp(20px, 4vw, 40px);
}

.curlit-hair-quiz .chq-question {
	border: 0;
	border-bottom: 2px solid rgba(119, 20, 115, 0.15);
	margin: 0;
	min-width: 0;
	padding: 0 0 var(--chq-space-5);
}

.curlit-hair-quiz .chq-question:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.curlit-hair-quiz .chq-question__head {
	align-items: center;
	display: grid;
	gap: var(--chq-space-3);
	grid-template-columns: auto minmax(0, 1fr) auto;
	margin-bottom: var(--chq-space-4);
}

.curlit-hair-quiz .chq-question__number {
	align-items: center;
	background: var(--chq-color-purple);
	border-radius: 50%;
	color: var(--chq-color-base);
	display: inline-flex;
	font-size: 18px;
	font-weight: 900;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.curlit-hair-quiz .chq-question__title {
	color: var(--chq-color-purple);
	font-size: clamp(18px, 2vw, 25px);
	font-weight: 900;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

.curlit-hair-quiz .chq-question__mode {
	border: 2px solid var(--chq-color-pink);
	border-radius: var(--chq-radius-button);
	color: var(--chq-color-pink);
	font-size: 15px;
	font-weight: 900;
	justify-self: end;
	padding: 10px 18px;
	text-transform: lowercase;
}

.curlit-hair-quiz .chq-answer-grid {
	display: grid;
	gap: var(--chq-space-4);
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.curlit-hair-quiz .chq-question--multi .chq-answer-grid {
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.curlit-hair-quiz .chq-answer-card {
	align-items: center;
	appearance: none;
	background: var(--chq-color-base);
	border: 2px solid var(--chq-color-purple);
	border-radius: var(--chq-radius-control);
	color: var(--chq-color-purple);
	cursor: pointer;
	display: grid;
	font: inherit;
	font-weight: 800;
	gap: var(--chq-space-3);
	grid-template-columns: 30px 72px minmax(120px, 1fr);
	line-height: 1.25;
	min-height: 108px;
	padding: var(--chq-space-4);
	text-align: left;
	text-transform: lowercase;
	transition: background 140ms ease, border-color 140ms ease, transform 140ms ease;
	width: 100%;
}

.curlit-hair-quiz .chq-answer-card:not(:has(.chq-answer-card__icon)) {
	grid-template-columns: 30px minmax(0, 1fr);
}

.curlit-hair-quiz .chq-answer-card:hover {
	border-color: var(--chq-color-yellow);
	transform: translateY(-1px);
}

.curlit-hair-quiz .chq-answer-card__control {
	border: 3px solid var(--chq-color-purple);
	display: inline-block;
	flex: 0 0 auto;
	height: 26px;
	justify-self: center;
	width: 26px;
}

.curlit-hair-quiz .chq-answer-card--single .chq-answer-card__control {
	border-radius: 50%;
}

.curlit-hair-quiz .chq-answer-card--multi .chq-answer-card__control {
	border-radius: 5px;
}

.curlit-hair-quiz .chq-answer-card__icon {
	display: inline-flex;
	height: 72px;
	justify-self: center;
	width: 72px;
}

.curlit-hair-quiz .chq-answer-card__icon img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.curlit-hair-quiz .chq-asset-missing {
	background: rgba(198, 0, 114, 0.16);
	border: 2px dashed var(--chq-color-pink);
	border-radius: 12px;
	display: block;
	height: 100%;
	min-height: 44px;
	width: 100%;
}

.curlit-hair-quiz .chq-answer-card__label {
	min-width: 0;
	overflow-wrap: break-word;
	text-transform: lowercase;
	word-break: normal;
}

.curlit-hair-quiz .chq-answer-card--selected.chq-answer-card--single {
	background: rgba(251, 173, 24, 0.18);
	border-color: var(--chq-color-yellow);
}

.curlit-hair-quiz .chq-answer-card--selected.chq-answer-card--single .chq-answer-card__control {
	background: var(--chq-color-purple);
	box-shadow: inset 0 0 0 6px var(--chq-color-base);
}

.curlit-hair-quiz .chq-answer-card--selected.chq-answer-card--multi {
	background: rgba(0, 156, 215, 0.12);
	border-color: var(--chq-color-blue);
}

.curlit-hair-quiz .chq-answer-card--selected.chq-answer-card--multi .chq-answer-card__control {
	background: var(--chq-color-pink);
	border-color: var(--chq-color-pink);
	position: relative;
}

.curlit-hair-quiz .chq-answer-card--selected.chq-answer-card--multi .chq-answer-card__control::after {
	color: var(--chq-color-base);
	content: "✓";
	font-size: 20px;
	font-weight: 900;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -52%);
}

.curlit-hair-quiz .chq-answer-card:focus-visible,
.curlit-hair-quiz .chq-button:focus-visible,
.curlit-hair-quiz .chq-input:focus-visible,
.curlit-hair-quiz .chq-checkbox:focus-visible {
	box-shadow: var(--chq-focus);
	outline: 0;
}

.curlit-hair-quiz .chq-intel {
	justify-items: center;
	text-align: center;
}

.curlit-hair-quiz .chq-intel .chq-screen__header {
	margin: 0 auto;
}

.curlit-hair-quiz .chq-intel__media {
	margin: var(--chq-space-2) auto calc(var(--chq-space-5) * -1);
	max-width: 420px;
	position: relative;
	width: 100%;
}

.curlit-hair-quiz .chq-intel__form {
	display: grid;
	gap: var(--chq-space-4);
	max-width: 880px;
	width: 100%;
}

.curlit-hair-quiz .chq-form-field {
	color: var(--chq-color-yellow);
	display: grid;
	gap: var(--chq-space-2);
	text-align: center;
}

.curlit-hair-quiz .chq-form-field__label {
	font-size: 15px;
	font-weight: 700;
	text-transform: lowercase;
}

.curlit-hair-quiz .chq-input {
	background: var(--chq-color-base);
	border: 3px solid transparent;
	border-radius: 18px;
	color: var(--chq-color-purple);
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	min-height: 64px;
	padding: 0 var(--chq-space-5);
	width: 100%;
}

.curlit-hair-quiz .chq-input:focus {
	border-color: var(--chq-color-blue);
}

.curlit-hair-quiz .chq-consent-list {
	display: grid;
	gap: var(--chq-space-3);
	text-align: left;
}

.curlit-hair-quiz .chq-consent {
	align-items: flex-start;
	background: rgba(242, 242, 242, 0.12);
	border: 2px solid rgba(242, 242, 242, 0.22);
	border-radius: var(--chq-radius-control);
	color: var(--chq-color-base);
	display: flex;
	gap: var(--chq-space-3);
	line-height: 1.45;
	padding: var(--chq-space-4);
}

.curlit-hair-quiz .chq-checkbox {
	accent-color: var(--chq-color-pink);
	flex: 0 0 auto;
	height: 22px;
	margin-top: 2px;
	width: 22px;
}

.curlit-hair-quiz .chq-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--chq-space-4);
	justify-content: space-between;
	margin-top: var(--chq-space-2);
}

.curlit-hair-quiz .chq-button {
	align-items: center;
	appearance: none;
	border: 2px solid transparent;
	border-radius: var(--chq-radius-button);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 900;
	justify-content: center;
	min-height: 58px;
	min-width: 180px;
	padding: 0 var(--chq-space-6);
	text-decoration: none;
	text-transform: lowercase;
}

.curlit-hair-quiz .chq-button:disabled {
	cursor: wait;
	opacity: 0.62;
}

.curlit-hair-quiz .chq-button--primary {
	background: var(--chq-color-yellow);
	color: var(--chq-color-pink);
}

.curlit-hair-quiz .chq-button--secondary {
	background: transparent;
	border-color: var(--chq-color-base);
	color: var(--chq-color-base);
}

.curlit-hair-quiz .chq-button--text {
	background: transparent;
	color: var(--chq-color-yellow);
	min-width: auto;
	padding-inline: var(--chq-space-3);
}

.curlit-hair-quiz .chq-error {
	background: rgba(198, 0, 114, 0.18);
	border: 2px solid var(--chq-color-pink);
	border-radius: var(--chq-radius-control);
	color: var(--chq-color-base);
	font-weight: 800;
	padding: var(--chq-space-4);
}

.curlit-hair-quiz .chq-error[hidden] {
	display: none;
}

.curlit-hair-quiz .chq-alert,
.curlit-hair-quiz .chq-loading {
	border-radius: var(--chq-radius-control);
	color: var(--chq-color-base);
	font-weight: 800;
	line-height: 1.5;
	padding: var(--chq-space-5);
	text-align: center;
}

.curlit-hair-quiz .chq-alert--error {
	background: rgba(198, 0, 114, 0.18);
	border: 2px solid var(--chq-color-pink);
}
.curlit-hair-quiz .chq-sticker {
	display: inline-flex;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.curlit-hair-quiz .chq-sticker img {
	display: block;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.curlit-hair-quiz .chq-sticker--hair-intel {
	right: -14px;
	top: -18px;
	transform: rotate(7deg);
	width: 128px;
}

.curlit-hair-quiz .chq-sticker--your-match {
	bottom: -24px;
	left: -18px;
	transform: rotate(-8deg);
	width: 132px;
}

.curlit-hair-quiz .chq-doodle-layer {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.curlit-hair-quiz .chq-doodle {
	display: block;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	width: 82px;
}

.curlit-hair-quiz .chq-doodle--start-sparkle {
	left: 3%;
	top: 4%;
	width: 70px;
}

.curlit-hair-quiz .chq-doodle--start-swirl {
	bottom: 4%;
	left: 32%;
	width: 94px;
}

.curlit-hair-quiz .chq-doodle--start-dots {
	right: 8%;
	top: 2%;
	width: 104px;
}

.curlit-hair-quiz .chq-doodle--intel-heart {
	left: 6%;
	top: 8%;
	width: 66px;
}

.curlit-hair-quiz .chq-doodle--intel-sparkle {
	right: 8%;
	top: 6%;
	width: 76px;
}

.curlit-hair-quiz .chq-doodle--intel-spiral {
	bottom: 5%;
	right: 16%;
	width: 92px;
}

.curlit-hair-quiz .chq-doodle--result-sparkle {
	left: 0;
	top: 6%;
	width: 86px;
}

.curlit-hair-quiz .chq-doodle--result-dots {
	bottom: 8%;
	right: 28%;
	width: 110px;
}

.curlit-hair-quiz .chq-doodle--match-wave {
	right: 3%;
	top: 8%;
	width: 92px;
}

.curlit-hair-quiz .chq-doodle--match-heart {
	bottom: 7%;
	right: 12%;
	width: 58px;
}

.curlit-hair-quiz .chq-doodle--screen-top {
	right: 3%;
	top: 4%;
	width: 92px;
}

.curlit-hair-quiz .chq-doodle--screen-side {
	left: -10px;
	top: 42%;
	width: 78px;
}

.curlit-hair-quiz .chq-doodle--screen-bottom {
	bottom: 8px;
	right: 18%;
	width: 68px;
}

.curlit-hair-quiz .chq-start__copy,
.curlit-hair-quiz .chq-start__media {
	position: relative;
	z-index: 1;
}

@media (max-width: 980px) {
	.curlit-hair-quiz .chq-answer-grid,
	.curlit-hair-quiz .chq-question--multi .chq-answer-grid {
		grid-template-columns: repeat(2, minmax(280px, 1fr));
	}

	.curlit-hair-quiz .chq-start__layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.curlit-hair-quiz .chq-shell {
		min-height: 100vh;
		padding: 18px;
	}

	.curlit-hair-quiz .chq-title {
		font-size: 38px;
	}

	.curlit-hair-quiz .chq-copy {
		font-size: 16px;
	}

	.curlit-hair-quiz .chq-question-panel {
		border-radius: 22px;
		padding: 18px;
	}

	.curlit-hair-quiz .chq-question__head {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.curlit-hair-quiz .chq-question__mode {
		grid-column: 1 / -1;
		justify-self: start;
	}

	.curlit-hair-quiz .chq-answer-grid,
	.curlit-hair-quiz .chq-question--multi .chq-answer-grid {
		grid-template-columns: 1fr;
	}

	.curlit-hair-quiz .chq-answer-card {
		grid-template-columns: 30px 58px minmax(0, 1fr);
		min-height: 76px;
	}

	.curlit-hair-quiz .chq-answer-card:not(:has(.chq-answer-card__icon)) {
		grid-template-columns: 30px minmax(0, 1fr);
	}

	.curlit-hair-quiz .chq-answer-card__icon {
		height: 58px;
		width: 58px;
	}

	.curlit-hair-quiz .chq-actions {
		flex-direction: column-reverse;
		width: 100%;
	}

	.curlit-hair-quiz .chq-button {
		width: 100%;
	}

	.curlit-hair-quiz .chq-doodle-layer {
		display: none;
	}

	.curlit-hair-quiz .chq-sticker--hair-intel,
	.curlit-hair-quiz .chq-sticker--your-match {
		width: 78px;
	}

	.curlit-hair-quiz .chq-sticker--your-match {
		right: 8px;
		left: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.curlit-hair-quiz *,
	.curlit-hair-quiz *::before,
	.curlit-hair-quiz *::after {
	scroll-behavior: auto !important;
	transition-duration: 0.01ms !important;
	}
}

.curlit-hair-quiz-page .curlit-hair-quiz,
.curlit-hair-quiz[data-component="quiz-shell"] {
	clear: both;
	display: block;
	max-width: none;
	width: 100vw;
	margin-left: var(--chq-full-bleed-shift, 0);
	margin-right: 0;
	padding-right: 0;
	padding-left: 0;
	position: relative;
	z-index: 1;
}

.curlit-hair-quiz .chq-shell.chq-app--result-page {
	background: var(--chq-r-white);
	color: var(--chq-r-purple);
	min-height: 0;
	overflow: visible;
	padding: 0;
}

.curlit-hair-quiz .chq-shell.chq-app--result-page::before,
.curlit-hair-quiz .chq-shell.chq-app--result-page::after {
	display: none;
}

.curlit-hair-quiz .chq-shell.chq-app--result-page .chq-screen {
	max-width: none;
}

/* ============================================================
	CURLIT HAIR QUIZ — RESULT PAGE STYLES (chq-result.css)
	------------------------------------------------------------
	Drop-in companion to quiz.css. All classes use the chq-r-*
	namespace so nothing collides with quiz screens.
	Every reused value is a token below — retheme by editing
	:root only.

	FONT NOTE: the plugin inherits the theme font (Poppins on
	curlit.shop). This file never sets a font-family except via
	--chq-r-font:inherit. The design mockup loads Poppins
	separately to simulate the live site.
	============================================================ */

.curlit-hair-quiz .chq-result{
	/* ----- color tokens (Curlit palette only) ----- */
	--chq-r-purple:#771473;
	--chq-r-yellow:#FBAD18;
	--chq-r-blue:#009CD7;
	--chq-r-pink:#C60072;
	--chq-r-grey:#F7F5F8;
	--chq-r-white:#FFFFFF;
	--chq-r-ink:#771473;
	--chq-r-ink-70:rgba(119,20,115,.72);
	--chq-r-ink-50:rgba(119,20,115,.50);
	--chq-r-ink-30:rgba(119,20,115,.30);
	--chq-r-line:rgba(119,20,115,.14);   /* purple-tinted hairline */
	--chq-r-on-dark:#FFFFFF;
	--chq-r-on-dark-80:rgba(255,255,255,.85);
	--chq-r-on-dark-60:rgba(255,255,255,.62);
	--chq-r-on-dark-15:rgba(255,255,255,.16);

	/* ----- type tokens (sizes tuned for Poppins, which runs wide) ----- */
	--chq-r-font:inherit;
	--chq-r-fs-hero:clamp(34px,5.4vw,54px);
	--chq-r-fs-big:clamp(21px,3vw,30px);      /* phase-3 verbatim intro */
	--chq-r-fs-h2:clamp(22px,2.8vw,30px);     /* chapter titles */
	--chq-r-fs-h3:18px;
	--chq-r-fs-rule:clamp(17px,2vw,20px);     /* verbatim rule lines */
	--chq-r-fs-body:16px;
	--chq-r-fs-small:14px;
	--chq-r-fs-micro:12px;
	--chq-r-fw-reg:400; --chq-r-fw-med:500; --chq-r-fw-semi:600; --chq-r-fw-bold:700;
	--chq-r-lh-tight:1.15; --chq-r-lh-snug:1.35; --chq-r-lh-body:1.6;

	/* ----- space / shape tokens ----- */
	--chq-r-band:clamp(48px,7vw,88px);
	--chq-r-s1:8px; --chq-r-s2:12px; --chq-r-s3:16px; --chq-r-s4:24px; --chq-r-s5:32px; --chq-r-s6:44px;
	--chq-r-r-md:14px; --chq-r-r-lg:20px; --chq-r-r-xl:28px; --chq-r-r-pill:999px;
	--chq-r-maxw:1040px;
}

/* ============ scope ============ */
.curlit-hair-quiz .chq-result{
	font-family:var(--chq-r-font);
	font-size:var(--chq-r-fs-body);
	line-height:var(--chq-r-lh-body);
	color:var(--chq-r-ink);
	background:var(--chq-r-white);
	-webkit-font-smoothing:antialiased;
	width:100%;
}
.curlit-hair-quiz .chq-screen.chq-result{gap:0;row-gap:0;}
.curlit-hair-quiz .chq-result *{box-sizing:border-box;margin:0;padding:0;}
.curlit-hair-quiz .chq-result h1,.curlit-hair-quiz .chq-result h2,.curlit-hair-quiz .chq-result h3,.curlit-hair-quiz .chq-result h4{line-height:var(--chq-r-lh-tight);letter-spacing:0;color:inherit;}
.curlit-hair-quiz .chq-result p{text-wrap:pretty;}
.curlit-hair-quiz .chq-result a{color:inherit;text-decoration:none;}
.curlit-hair-quiz .chq-result button{font-family:inherit;cursor:pointer;color:inherit;}
.curlit-hair-quiz .chq-result ::selection{background:var(--chq-r-yellow);color:var(--chq-r-ink);}
.curlit-hair-quiz .chq-result img{display:block;}

.curlit-hair-quiz .chq-r-wrap{max-width:var(--chq-r-maxw);margin:0 auto;padding-left:clamp(18px,4vw,44px);padding-right:clamp(18px,4vw,44px);}
.curlit-hair-quiz .chq-result section[id]{scroll-margin-top:24px;}

/* ============ bands ============ */
.curlit-hair-quiz .chq-r-band{padding-top:var(--chq-r-band);padding-bottom:var(--chq-r-band);position:relative;overflow:hidden;margin-block-start:0;margin-block-end:0;width:100%;}
.curlit-hair-quiz .chq-r-band + .chq-r-band{margin-top:0;margin-block-start:0;}
.curlit-hair-quiz .chq-r-band--grey{background:var(--chq-r-grey);}
.curlit-hair-quiz .chq-r-band--blue{background:var(--chq-r-blue);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-band--yellow{background:var(--chq-r-yellow);color:var(--chq-r-ink);}
.curlit-hair-quiz .chq-r-band--pink{background:var(--chq-r-pink);color:var(--chq-r-on-dark);}

/* ============ chapter headers ============ */
.curlit-hair-quiz .chq-r-chapter{display:flex;align-items:center;gap:var(--chq-r-s3);margin-bottom:var(--chq-r-s5);}
.curlit-hair-quiz .chq-r-chapter__icon{flex:none;width:62px;height:62px;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;}
.curlit-hair-quiz .chq-r-chapter__icon img{width:56px;height:56px;object-fit:contain;}
.curlit-hair-quiz .chq-r-band--blue .chq-r-chapter__icon,.curlit-hair-quiz .chq-r-band--yellow .chq-r-chapter__icon{background:transparent;}
.curlit-hair-quiz .chq-r-chapter__kicker{font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.18em;text-transform: lowercase;color:var(--chq-r-pink);margin-bottom:2px;}
.curlit-hair-quiz .chq-r-band--blue .chq-r-chapter__kicker{display:inline-block;background:var(--chq-r-white);color:var(--chq-r-purple);border-radius:var(--chq-r-r-pill);padding:5px 12px;margin-bottom:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-band--yellow .chq-r-chapter__kicker{color:var(--chq-r-purple);}
.curlit-hair-quiz .chq-r-chapter__title{font-size:var(--chq-r-fs-h2);font-weight:var(--chq-r-fw-bold);}
.curlit-hair-quiz .chq-r-chapter__num{flex:none;font-size:clamp(36px,4.5vw,56px);font-weight:var(--chq-r-fw-bold);line-height:1;letter-spacing:0;color:var(--chq-r-purple);min-width:2.2ch;}
.curlit-hair-quiz .chq-r-band--blue .chq-r-chapter__num{color:var(--chq-r-yellow);}
.curlit-hair-quiz .chq-r-band--yellow .chq-r-chapter__num{color:var(--chq-r-purple);}
.curlit-hair-quiz .chq-r-band--grey .chq-r-chapter__num{color:var(--chq-r-purple);}

/* ============ shared pieces ============ */
/* verbatim rule card */
.curlit-hair-quiz .chq-r-rule{background:var(--chq-r-grey);border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s4) var(--chq-r-s5);}
.curlit-hair-quiz .chq-r-rule--white{background:var(--chq-r-white);}
.curlit-hair-quiz .chq-r-rule__k{display:inline-block;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.14em;text-transform: lowercase;color:var(--chq-r-on-dark);background:var(--chq-r-purple);border-radius:var(--chq-r-r-pill);padding:5px 13px;margin-bottom:var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-rule p{font-size:var(--chq-r-fs-rule);font-weight:var(--chq-r-fw-semi);line-height:var(--chq-r-lh-snug);}

/* aha / insight card */
.curlit-hair-quiz .chq-r-aha{background:var(--chq-r-yellow);border-radius:var(--chq-r-r-xl);padding:var(--chq-r-s5);position:relative;}
.curlit-hair-quiz .chq-r-aha__k{display:inline-block;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.14em;text-transform: lowercase;background:var(--chq-r-ink);color:var(--chq-r-on-dark);border-radius:var(--chq-r-r-pill);padding:5px 13px;margin-bottom:var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-aha p{font-size:var(--chq-r-fs-rule);font-weight:var(--chq-r-fw-semi);line-height:var(--chq-r-lh-snug);max-width:54ch;}

/* chips */
.curlit-hair-quiz .chq-r-chips{display:flex;gap:var(--chq-r-s2);flex-wrap:wrap;}
.curlit-hair-quiz .chq-r-chip{display:inline-flex;align-items:center;gap:9px;border:1.6px solid rgba(255,255,255,.45);color:var(--chq-r-on-dark);border-radius:var(--chq-r-r-pill);font-size:var(--chq-r-fs-small);font-weight:var(--chq-r-fw-semi);padding:8px 16px 8px 10px;}
.curlit-hair-quiz .chq-r-chip img{width:26px;height:26px;object-fit:contain;background:var(--chq-r-white);border-radius:50%;padding:3px;}
.curlit-hair-quiz .chq-r-chip i{width:8px;height:8px;border-radius:50%;background:var(--chq-r-yellow);margin-left:6px;flex:none;}

/* buttons */
.curlit-hair-quiz .chq-r-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--chq-r-r-pill);font-size:var(--chq-r-fs-body);font-weight:var(--chq-r-fw-bold);padding:15px 28px;transition:transform .12s ease,box-shadow .2s ease;}
.curlit-hair-quiz .chq-r-btn:hover{transform:translateY(-2px);}
.curlit-hair-quiz .chq-r-btn--yellow{background:var(--chq-r-yellow);color:var(--chq-r-ink);}
.curlit-hair-quiz .chq-r-btn--yellow:hover{box-shadow:0 10px 26px rgba(119,20,115,.22);}
.curlit-hair-quiz .chq-r-btn--ghost{background:transparent;color:inherit;border:2px solid currentColor;padding:13px 26px;}
.curlit-hair-quiz .chq-r-btn--ghost:hover{box-shadow:0 10px 24px rgba(119,20,115,.12);}

/* doodles (decorative) */
.curlit-hair-quiz .chq-r-doodle{position:absolute;pointer-events:none;opacity:.82;mix-blend-mode:multiply;object-fit:contain;}
.curlit-hair-quiz .chq-r-doodle--tr{top:clamp(14px,2vw,26px);right:clamp(14px,2vw,26px);}
.curlit-hair-quiz .chq-r-doodle--br{bottom:clamp(14px,2vw,26px);right:clamp(14px,2vw,26px);}
.curlit-hair-quiz .chq-r-doodle--tl{top:clamp(14px,2vw,26px);left:clamp(14px,2vw,26px);}
.curlit-hair-quiz .chq-r-doodle--sm{width:60px;height:60px;}
.curlit-hair-quiz .chq-r-doodle--md{width:92px;height:92px;}
.curlit-hair-quiz .chq-r-doodle--lg{width:128px;height:128px;}

/* ============ HERO ============ */
.curlit-hair-quiz .chq-r-hero{background:var(--chq-r-purple);color:var(--chq-r-on-dark);padding-top:clamp(40px,6vw,72px);position:relative;overflow:hidden;}
.curlit-hair-quiz .chq-r-hero > .chq-r-doodle--tr{mix-blend-mode:screen;opacity:.28;top:0;right:0;}
.curlit-hair-quiz .chq-r-hero__grid{display:grid;grid-template-columns:1fr auto;gap:var(--chq-r-s5);align-items:center;padding-bottom:var(--chq-r-s6);}
.curlit-hair-quiz .chq-r-hero__kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.18em;text-transform: lowercase;color:var(--chq-r-on-dark-60);margin-bottom:var(--chq-r-s4);}
.curlit-hair-quiz .chq-r-hero h1{font-size:var(--chq-r-fs-hero);font-weight:var(--chq-r-fw-bold);max-width:15ch;color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-hero h1 em{font-style:normal;color:var(--chq-r-yellow);}
.curlit-hair-quiz .chq-r-hero__story{margin-top:var(--chq-r-s4);font-size:clamp(16px,1.9vw,19px);color:var(--chq-r-on-dark-80);max-width:48ch;}
.curlit-hair-quiz .chq-r-hero__chips{margin-top:var(--chq-r-s5);}
.curlit-hair-quiz .chq-r-hero__art{position:relative;width:clamp(180px,24vw,280px);}
.curlit-hair-quiz .chq-r-hero__photo{border-radius:50%;overflow:hidden;width:100%;aspect-ratio:1;border:5px solid rgba(255,255,255,.22);}
.curlit-hair-quiz .chq-r-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%;}
/* ============ phase 1 ============ */
.curlit-hair-quiz .chq-r-zone{border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s4);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-zone--roots{background:var(--chq-r-blue);}
.curlit-hair-quiz .chq-r-zone--ends{background:var(--chq-r-pink);}
.curlit-hair-quiz .chq-r-zone__tag{font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.14em;text-transform: lowercase;color:var(--chq-r-on-dark-80);margin-bottom:4px;}
.curlit-hair-quiz .chq-r-zone h3{font-size:clamp(18px,2.2vw,23px);font-weight:var(--chq-r-fw-bold);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-zone p{margin-top:8px;font-size:var(--chq-r-fs-small);line-height:var(--chq-r-lh-body);color:var(--chq-r-on-dark-80);}
.curlit-hair-quiz .chq-r-p1-bento{display:grid;gap:var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-aha--full{margin-bottom:0;}
.curlit-hair-quiz .chq-r-p1-actions{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:var(--chq-r-s3);align-items:stretch;}

/* ============ phase 2 — prep steps ============ */
.curlit-hair-quiz .chq-r-prep{display:grid;grid-template-columns:1fr 1fr;gap:var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-step{display:flex;gap:var(--chq-r-s3);align-items:flex-start;background:var(--chq-r-white);border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s4);}
.curlit-hair-quiz .chq-r-step__icon{flex:none;width:52px;height:52px;border-radius:16px;background:var(--chq-r-grey);display:flex;align-items:center;justify-content:center;}
.curlit-hair-quiz .chq-r-step__icon img{width:38px;height:38px;object-fit:contain;}
.curlit-hair-quiz .chq-r-step__n{display:inline-block;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.12em;text-transform: lowercase;color:var(--chq-r-blue);margin-bottom:2px;}
.curlit-hair-quiz .chq-r-step h3{font-size:var(--chq-r-fs-h3);font-weight:var(--chq-r-fw-bold);margin-bottom:4px;}
.curlit-hair-quiz .chq-r-step p{color:var(--chq-r-ink-70);font-size:var(--chq-r-fs-small);}

/* ============ phase 3 — the window (climax band) ============ */
.curlit-hair-quiz .chq-r-app-bento{display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:"window meter" "plan plan" "tech tech";gap:var(--chq-r-s3);align-items:stretch;}
.curlit-hair-quiz .chq-r-window-card{grid-area:window;background:var(--chq-r-purple);color:var(--chq-r-on-dark);border-radius:var(--chq-r-r-xl);padding:clamp(24px,3vw,38px);min-height:clamp(260px,25vw,360px);display:flex;flex-direction:column;justify-content:center;}
.curlit-hair-quiz .chq-r-window-card span{align-self:flex-start;background:var(--chq-r-yellow);color:var(--chq-r-ink);border-radius:var(--chq-r-r-pill);padding:5px 13px;margin-bottom:var(--chq-r-s3);font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.14em;text-transform:lowercase;}
.curlit-hair-quiz .chq-r-window-intro{font-size:var(--chq-r-fs-big);font-weight:var(--chq-r-fw-bold);line-height:1.3;letter-spacing:0;width:100%;max-width:62ch;color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-window-intro mark{background:var(--chq-r-yellow);color:var(--chq-r-ink);padding:.04em .2em;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;}

/* window meter */
.curlit-hair-quiz .chq-r-meter{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:var(--chq-r-s2);margin-top:var(--chq-r-s5);}
.curlit-hair-quiz .chq-r-meter--bento{grid-area:meter;grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);margin-top:0;height:100%;align-self:stretch;}
.curlit-hair-quiz .chq-r-meter__cell{border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s4);background:var(--chq-r-on-dark-15);}
.curlit-hair-quiz .chq-r-meter--bento .chq-r-meter__cell{min-height:0;padding:clamp(14px,1.45vw,18px);display:flex;flex-direction:column;justify-content:center;}
.curlit-hair-quiz .chq-r-meter__cell b{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:var(--chq-r-fw-bold);margin-bottom:3px;color:inherit;}
.curlit-hair-quiz .chq-r-meter__cell span{font-size:var(--chq-r-fs-small);color:var(--chq-r-on-dark-80);}
.curlit-hair-quiz .chq-r-meter--bento .chq-r-meter__cell b{font-size:16px;margin-bottom:2px;}
.curlit-hair-quiz .chq-r-meter--bento .chq-r-meter__cell span{line-height:1.45;}
.curlit-hair-quiz .chq-r-meter__cell svg{flex:none;}
.curlit-hair-quiz .chq-r-meter__mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:17px;font-weight:var(--chq-r-fw-bold);line-height:1;}
.curlit-hair-quiz .chq-r-meter__mark--x{color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-meter__mark--drop{position:relative;background:currentColor;border-radius:50% 50% 55% 55%;width:14px;height:18px;transform:rotate(180deg);}
.curlit-hair-quiz .chq-r-meter__mark--drop::before{content:"";position:absolute;left:3px;top:-3px;width:8px;height:8px;background:currentColor;transform:rotate(45deg);border-radius:1px 8px 1px 8px;}
.curlit-hair-quiz .chq-r-meter__cell--go{background:var(--chq-r-yellow);color:var(--chq-r-ink);}
.curlit-hair-quiz .chq-r-meter__cell--go span{color:var(--chq-r-ink-70);}
.curlit-hair-quiz .chq-r-meter__flag{display:inline-block;background:var(--chq-r-white);color:var(--chq-r-purple);font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.12em;text-transform: lowercase;border-radius:var(--chq-r-r-pill);padding:4px 11px;margin-bottom:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-meter__cell--late{background:var(--chq-r-white);color:var(--chq-r-purple);box-shadow:inset 0 0 0 2px rgba(198,0,114,.22);}
.curlit-hair-quiz .chq-r-meter__cell--late b{color:var(--chq-r-purple);}
.curlit-hair-quiz .chq-r-meter__cell--late span{color:var(--chq-r-ink-70);opacity:1;}
.curlit-hair-quiz .chq-r-meter__cell--late .chq-r-meter__mark--x{color:var(--chq-r-pink);}
/* product plan cards on blue */
.curlit-hair-quiz .chq-r-plan3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--chq-r-s3);margin-top:var(--chq-r-s5);}
.curlit-hair-quiz .chq-r-plan3--bento{grid-area:plan;margin-top:0;}
.curlit-hair-quiz .chq-r-plan3__card{background:var(--chq-r-white);color:var(--chq-r-ink);border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s4);display:flex;flex-direction:column;gap:var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-plan3__k{align-self:flex-start;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.14em;text-transform: lowercase;color:var(--chq-r-on-dark);border-radius:var(--chq-r-r-pill);padding:5px 12px;}
.curlit-hair-quiz .chq-r-plan3__card:nth-child(1) .chq-r-plan3__k{background:var(--chq-r-purple);}
.curlit-hair-quiz .chq-r-plan3__card:nth-child(2) .chq-r-plan3__k{background:var(--chq-r-pink);}
.curlit-hair-quiz .chq-r-plan3__card:nth-child(3) .chq-r-plan3__k{background:var(--chq-r-blue);}
.curlit-hair-quiz .chq-r-plan3__card h3{color:var(--chq-r-ink);}
.curlit-hair-quiz .chq-r-plan3__card p{font-weight:var(--chq-r-fw-med);font-size:var(--chq-r-fs-small);line-height:var(--chq-r-lh-body);color:var(--chq-r-ink);}
.curlit-hair-quiz .chq-r-zonesbar{display:flex;flex-direction:column;gap:5px;margin-top:auto;}
.curlit-hair-quiz .chq-r-zonesbar div{border-radius:9px;padding:7px 12px;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.08em;text-transform: lowercase;}
.curlit-hair-quiz .chq-r-zonesbar .chq-r-z-roots{background:var(--chq-r-grey);color:var(--chq-r-ink-50);}
.curlit-hair-quiz .chq-r-zonesbar .chq-r-z-lengths{background:var(--chq-r-blue);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-zonesbar .chq-r-z-ends{background:var(--chq-r-pink);color:var(--chq-r-on-dark);}

/* technique teaching unit */
.curlit-hair-quiz .chq-r-tech{background:var(--chq-r-white);color:var(--chq-r-ink);border-radius:var(--chq-r-r-xl);padding:clamp(24px,3.4vw,44px);margin-top:var(--chq-r-s6);}
.curlit-hair-quiz .chq-r-tech--bento{grid-area:tech;margin-top:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);grid-template-areas:"copy method" "steps steps" "notes notes";gap:var(--chq-r-s3);align-items:start;}
.curlit-hair-quiz .chq-r-tech__top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:var(--chq-r-s4);align-items:start;margin-bottom:var(--chq-r-s4);}
.curlit-hair-quiz .chq-r-tech--bento .chq-r-tech__copy{grid-area:copy;background:var(--chq-r-grey);border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s4);min-height:100%;}
.curlit-hair-quiz .chq-r-tech__k{font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.16em;text-transform: lowercase;color:var(--chq-r-pink);margin-bottom:6px;}
.curlit-hair-quiz .chq-r-tech__name{font-size:clamp(24px,3.2vw,34px);font-weight:var(--chq-r-fw-bold);letter-spacing:0;margin-bottom:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-tech__plan{font-size:var(--chq-r-fs-rule);font-weight:var(--chq-r-fw-semi);max-width:52ch;margin-bottom:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-tech__why{font-size:var(--chq-r-fs-small);color:var(--chq-r-ink-70);max-width:62ch;margin-bottom:var(--chq-r-s4);}
.curlit-hair-quiz .chq-r-methodcards{display:grid;grid-template-columns:1fr;gap:var(--chq-r-s2);margin:0;}
.curlit-hair-quiz .chq-r-tech--bento .chq-r-methodcards{grid-area:method;}
.curlit-hair-quiz .chq-r-methodcard{border-radius:var(--chq-r-r-lg);background:var(--chq-r-grey);padding:var(--chq-r-s3);min-height:122px;}
.curlit-hair-quiz .chq-r-methodcard span{display:inline-block;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.12em;text-transform: lowercase;margin-bottom:6px;color:var(--chq-r-pink);}
.curlit-hair-quiz .chq-r-methodcard h3{font-size:clamp(15px,1.5vw,18px);font-weight:var(--chq-r-fw-bold);margin-bottom:6px;}
.curlit-hair-quiz .chq-r-methodcard p{font-size:var(--chq-r-fs-small);color:var(--chq-r-ink-70);}
.curlit-hair-quiz .chq-r-methodcard--blue{background:var(--chq-r-blue);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-methodcard--pink{background:var(--chq-r-pink);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-methodcard--yellow{background:var(--chq-r-yellow);color:var(--chq-r-ink);}
.curlit-hair-quiz .chq-r-methodcard--blue h3,.curlit-hair-quiz .chq-r-methodcard--pink h3,.curlit-hair-quiz .chq-r-methodcard--blue span,.curlit-hair-quiz .chq-r-methodcard--pink span,.curlit-hair-quiz .chq-r-methodcard--blue p,.curlit-hair-quiz .chq-r-methodcard--pink p{color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-methodcard--yellow span,.curlit-hair-quiz .chq-r-methodcard--yellow p{color:var(--chq-r-ink);}
.curlit-hair-quiz .chq-r-tech__grid{display:block;}
.curlit-hair-quiz .chq-r-tech__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-tech--bento .chq-r-tech__steps{grid-area:steps;grid-template-columns:repeat(3,minmax(0,1fr));}
.curlit-hair-quiz .chq-r-tstep{display:flex;gap:var(--chq-r-s3);align-items:flex-start;background:var(--chq-r-grey);border-radius:var(--chq-r-r-md);padding:var(--chq-r-s3) var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-tstep b{flex:none;width:28px;height:28px;border-radius:9px;background:var(--chq-r-pink);color:var(--chq-r-on-dark);font-size:13px;font-weight:var(--chq-r-fw-bold);display:flex;align-items:center;justify-content:center;margin-top:1px;}
.curlit-hair-quiz .chq-r-tstep p{font-size:var(--chq-r-fs-small);}
.curlit-hair-quiz .chq-r-tech__notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--chq-r-s2);margin-top:var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-tech--bento .chq-r-tech__notes{grid-area:notes;margin-top:0;}
.curlit-hair-quiz .chq-r-flag{border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s3) var(--chq-r-s4);}
.curlit-hair-quiz .chq-r-flag__t{display:flex;align-items:center;gap:8px;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.12em;text-transform: lowercase;margin-bottom:6px;}
.curlit-hair-quiz .chq-r-flag p{font-size:var(--chq-r-fs-small);}
.curlit-hair-quiz .chq-r-flag--good{background:var(--chq-r-blue);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-flag--good .chq-r-flag__t,.curlit-hair-quiz .chq-r-flag--good p{color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-flag--bad{background:var(--chq-r-pink);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-flag--bad .chq-r-flag__t,.curlit-hair-quiz .chq-r-flag--bad p{color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-flag--note{background:var(--chq-r-yellow);color:var(--chq-r-ink);}

/* ============ phase 4 — drying ============ */
.curlit-hair-quiz .chq-r-dry-bento{display:grid;grid-template-columns:1.08fr .92fr;grid-template-areas:"anchor side" "timeline timeline" "cast cast" "details details";gap:var(--chq-r-s3);align-items:stretch;}
.curlit-hair-quiz .chq-r-dry-anchor{grid-area:anchor;background:var(--chq-r-purple);color:var(--chq-r-on-dark);display:flex;flex-direction:column;justify-content:center;}
.curlit-hair-quiz .chq-r-dry-anchor .chq-r-rule__k{background:var(--chq-r-yellow);color:var(--chq-r-ink);}
.curlit-hair-quiz .chq-r-dry-anchor p{font-size:clamp(20px,2.6vw,30px);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-dry-side{grid-area:side;min-height:100%;}
.curlit-hair-quiz .chq-r-dry-side .chq-r-rule{height:100%;display:flex;flex-direction:column;justify-content:center;background:var(--chq-r-grey);}
.curlit-hair-quiz .chq-r-dry-rules{display:grid;grid-template-columns:1fr 1fr;gap:var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-dry-rules .chq-r-rule{padding:var(--chq-r-s4);}
.curlit-hair-quiz .chq-r-dry-rules .chq-r-rule p{font-size:var(--chq-r-fs-body);line-height:1.45;}
.curlit-hair-quiz .chq-r-dry-rules .chq-r-rule{min-height:100%;}
/* air-dry timeline */
.curlit-hair-quiz .chq-r-timeline{margin-top:var(--chq-r-s5);display:grid;grid-template-columns:repeat(5,1fr);gap:var(--chq-r-s2);position:relative;}
.curlit-hair-quiz .chq-r-timeline--dry{grid-area:timeline;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin-top:0;}
.curlit-hair-quiz .chq-r-tl{background:var(--chq-r-grey);border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s3);position:relative;min-height:156px;display:flex;flex-direction:column;}
.curlit-hair-quiz .chq-r-tl__pct{font-size:var(--chq-r-fs-small);font-weight:var(--chq-r-fw-bold);color:var(--chq-r-purple);margin-bottom:3px;display:flex;align-items:center;gap:7px;}
.curlit-hair-quiz .chq-r-tl__pct i{width:10px;height:10px;border-radius:50%;background:var(--chq-r-purple);opacity:.35;flex:none;}
.curlit-hair-quiz .chq-r-tl h3{font-size:var(--chq-r-fs-body);font-weight:var(--chq-r-fw-bold);margin-bottom:6px;}
.curlit-hair-quiz .chq-r-tl p{font-size:var(--chq-r-fs-small);color:var(--chq-r-ink-70);line-height:1.45;}
.curlit-hair-quiz .chq-r-tl--final{background:var(--chq-r-white);color:var(--chq-r-purple);box-shadow:inset 0 0 0 2px rgba(119,20,115,.18);}
.curlit-hair-quiz .chq-r-tl--final .chq-r-tl__pct{color:var(--chq-r-yellow);}
.curlit-hair-quiz .chq-r-tl--final .chq-r-tl__pct i{background:var(--chq-r-yellow);opacity:1;}
.curlit-hair-quiz .chq-r-tl--final p{color:var(--chq-r-ink-70);}
.curlit-hair-quiz .chq-r-tl__judge{display:inline-block;margin-top:var(--chq-r-s2);background:var(--chq-r-yellow);color:var(--chq-r-ink);font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.1em;text-transform: lowercase;border-radius:var(--chq-r-r-pill);padding:4px 10px;}
.curlit-hair-quiz .chq-r-drytest{margin-top:var(--chq-r-s3);font-size:var(--chq-r-fs-small);color:var(--chq-r-ink-70);max-width:68ch;}
.curlit-hair-quiz .chq-r-cast{margin-top:var(--chq-r-s4);background:var(--chq-r-yellow);border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s4);}
.curlit-hair-quiz .chq-r-dry-bento .chq-r-cast{grid-area:cast;margin-top:0;}
.curlit-hair-quiz .chq-r-cast span{display:inline-block;background:var(--chq-r-purple);color:var(--chq-r-on-dark);font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.12em;text-transform: lowercase;border-radius:var(--chq-r-r-pill);padding:5px 13px;margin-bottom:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-cast h3{font-size:var(--chq-r-fs-h3);font-weight:var(--chq-r-fw-bold);margin-bottom:6px;}
.curlit-hair-quiz .chq-r-cast p{font-size:var(--chq-r-fs-small);color:var(--chq-r-ink-70);max-width:72ch;}
.curlit-hair-quiz .chq-r-cast--test p{max-width:none;white-space:nowrap;}
/* drying detail tiles */
.curlit-hair-quiz .chq-r-detailgrid{margin-top:var(--chq-r-s4);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--chq-r-s2);align-items:start;}
.curlit-hair-quiz .chq-r-dry-bento .chq-r-detailgrid{grid-area:details;margin-top:0;align-items:start;}
.curlit-hair-quiz .chq-r-detailtile{background:var(--chq-r-grey);border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s3);display:flex;flex-direction:column;gap:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-detailtile__tag{align-self:flex-start;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.1em;text-transform: lowercase;background:var(--chq-r-white);color:var(--chq-r-purple);border-radius:var(--chq-r-r-pill);padding:4px 11px;}
.curlit-hair-quiz .chq-r-detailtile h3{font-size:var(--chq-r-fs-body);font-weight:var(--chq-r-fw-bold);line-height:var(--chq-r-lh-tight);}
.curlit-hair-quiz .chq-r-detailtile p{font-size:var(--chq-r-fs-small);line-height:var(--chq-r-lh-body);color:var(--chq-r-ink-70);}
.curlit-hair-quiz .chq-r-detailsteps{list-style:none;display:grid;gap:8px;margin-top:auto;}
.curlit-hair-quiz .chq-r-detailsteps li{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;background:var(--chq-r-white);border-radius:var(--chq-r-r-md);padding:10px 12px;}
.curlit-hair-quiz .chq-r-detailsteps b{width:26px;height:26px;border-radius:8px;background:var(--chq-r-purple);color:var(--chq-r-on-dark);font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);display:flex;align-items:center;justify-content:center;}
.curlit-hair-quiz .chq-r-detailsteps span{font-size:var(--chq-r-fs-small);line-height:1.4;color:var(--chq-r-ink-70);}

/* ============ phase 5 — refresh (yellow) ============ */
.curlit-hair-quiz .chq-r-day2{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:var(--chq-r-s3);align-items:stretch;margin-top:var(--chq-r-s5);}
.curlit-hair-quiz .chq-r-day2__intro{background:var(--chq-r-purple);color:var(--chq-r-on-dark);border-radius:var(--chq-r-r-xl);padding:clamp(24px,3vw,36px);min-height:100%;display:flex;flex-direction:column;justify-content:center;}
.curlit-hair-quiz .chq-r-day2__intro p{font-size:clamp(20px,2.4vw,30px);font-weight:var(--chq-r-fw-bold);line-height:var(--chq-r-lh-snug);max-width:20ch;}
.curlit-hair-quiz .chq-r-day2__intro .chq-r-tag{align-self:flex-start;display:inline-block;background:var(--chq-r-yellow);color:var(--chq-r-ink);border-radius:var(--chq-r-r-pill);padding:5px 13px;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.14em;text-transform:lowercase;margin-bottom:var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-day2-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-day2-tile{border-radius:var(--chq-r-r-lg);padding:var(--chq-r-s3);min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-day2-tile span{align-self:flex-start;font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.11em;text-transform:lowercase;border-radius:var(--chq-r-r-pill);padding:5px 12px;}
.curlit-hair-quiz .chq-r-day2-tile h3{font-size:clamp(18px,1.6vw,23px);font-weight:var(--chq-r-fw-bold);line-height:var(--chq-r-lh-tight);}
.curlit-hair-quiz .chq-r-day2-tile p{font-size:var(--chq-r-fs-small);line-height:var(--chq-r-lh-body);}
.curlit-hair-quiz .chq-r-day2-tile--purple{background:var(--chq-r-white);color:var(--chq-r-purple);box-shadow:inset 0 0 0 2px rgba(119,20,115,.16);}
.curlit-hair-quiz .chq-r-day2-tile--purple span{background:var(--chq-r-yellow);color:var(--chq-r-ink);}
.curlit-hair-quiz .chq-r-day2-tile--purple p{color:var(--chq-r-ink-70);}
.curlit-hair-quiz .chq-r-day2-tile--blue{background:var(--chq-r-white);color:var(--chq-r-purple);box-shadow:inset 0 0 0 2px rgba(198,0,114,.18);}
.curlit-hair-quiz .chq-r-day2-tile--blue span{background:var(--chq-r-pink);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-day2-tile--blue p{color:var(--chq-r-ink-70);}
.curlit-hair-quiz .chq-r-day2-tile--yellow{background:var(--chq-r-white);color:var(--chq-r-purple);box-shadow:inset 0 0 0 2px rgba(251,173,24,.7);}
.curlit-hair-quiz .chq-r-day2-tile--yellow span{background:var(--chq-r-purple);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-day2-tile--yellow p{color:rgba(119,20,115,.78);}
.curlit-hair-quiz .chq-r-day2-tile--white{background:var(--chq-r-white);color:var(--chq-r-purple);}
.curlit-hair-quiz .chq-r-day2-tile--white span{background:var(--chq-r-grey);color:var(--chq-r-purple);}
.curlit-hair-quiz .chq-r-day2-tile--white p{color:var(--chq-r-ink-70);}

/* ============ product match ============ */
.curlit-hair-quiz .chq-r-band[data-guidance-key="product_guidance_context"]{padding-top:clamp(34px,4.5vw,58px);padding-bottom:clamp(34px,4.5vw,58px);}
.curlit-hair-quiz .chq-r-band[data-guidance-key="product_guidance_context"] .chq-r-chapter{margin-bottom:clamp(14px,2vw,22px);}
.curlit-hair-quiz .chq-r-match{display:grid;grid-template-columns:minmax(190px,300px) minmax(360px,520px);gap:clamp(12px,2vw,24px);margin:0 auto;align-items:center;justify-content:center;max-width:900px;}
.curlit-hair-quiz .chq-r-match--no-image{grid-template-columns:minmax(320px,580px);max-width:620px;}
.curlit-hair-quiz .chq-r-match__media{position:relative;min-height:250px;display:flex;align-items:center;justify-content:flex-end;}
.curlit-hair-quiz .chq-r-match__photo{width:min(100%,300px);height:280px;border-radius:0;display:block;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 24px rgba(42,31,50,.16));transform:none;}
.curlit-hair-quiz .chq-r-match__card{background:var(--chq-r-purple);color:var(--chq-r-on-dark);border-radius:var(--chq-r-r-xl);padding:clamp(24px,2.7vw,34px);box-shadow:0 18px 34px rgba(129,20,132,.18);min-height:0;display:flex;flex-direction:column;}
.curlit-hair-quiz .chq-r-match__k{font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.16em;text-transform: lowercase;color:var(--chq-r-yellow);margin-bottom:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-match__card h3{font-size:clamp(22px,2.3vw,30px);font-weight:var(--chq-r-fw-bold);line-height:var(--chq-r-lh-tight);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-match__sub{color:var(--chq-r-on-dark-60);font-weight:var(--chq-r-fw-semi);font-size:var(--chq-r-fs-small);margin:4px 0 var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-match__exp{font-size:clamp(15px,1.5vw,18px);font-weight:var(--chq-r-fw-semi);line-height:var(--chq-r-lh-snug);margin-bottom:var(--chq-r-s3);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-kit{display:grid;gap:var(--chq-r-s2);margin-bottom:var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-kit__item{display:flex;gap:var(--chq-r-s3);align-items:flex-start;}
.curlit-hair-quiz .chq-r-kit__n{flex:none;width:24px;height:24px;border-radius:8px;font-size:12px;font-weight:var(--chq-r-fw-bold);display:flex;align-items:center;justify-content:center;color:var(--chq-r-ink);margin-top:2px;background:var(--chq-r-yellow);}
.curlit-hair-quiz .chq-r-kit__item:nth-child(2) .chq-r-kit__n{background:var(--chq-r-blue);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-kit__item h4{font-size:15px;font-weight:var(--chq-r-fw-bold);line-height:var(--chq-r-lh-snug);margin-bottom:3px;color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-kit__item h4 em{font-style:normal;color:var(--chq-r-yellow);}
.curlit-hair-quiz .chq-r-kit__item p{font-size:var(--chq-r-fs-small);color:var(--chq-r-on-dark-80);line-height:1.5;}
.curlit-hair-quiz .chq-r-match__foot{display:flex;align-items:center;gap:var(--chq-r-s4);flex-wrap:wrap;}
.curlit-hair-quiz .chq-r-match__price{font-size:22px;font-weight:var(--chq-r-fw-bold);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-match__price small{font-size:13px;font-weight:var(--chq-r-fw-semi);color:var(--chq-r-on-dark-60);}
.curlit-hair-quiz .chq-r-match .chq-r-btn--top-match{background:var(--chq-r-yellow);color:var(--chq-r-ink);border:2px solid var(--chq-r-yellow);box-shadow:0 10px 0 rgba(255,255,255,.12);padding:14px 24px;}
.curlit-hair-quiz .chq-r-match .chq-r-btn--top-match::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--chq-r-pink);box-shadow:12px 0 0 var(--chq-r-blue);margin-left:2px;}
.curlit-hair-quiz .chq-r-match .chq-r-btn--top-match:hover{box-shadow:0 12px 24px rgba(255,179,24,.22);transform:translateY(-2px) rotate(-1deg);}

/* ============ product backup CTA ============ */
.curlit-hair-quiz .chq-r-band--backup{padding-top:clamp(34px,4.5vw,58px);padding-bottom:clamp(38px,5vw,64px);}
.curlit-hair-quiz .chq-r-band--backup .chq-r-chapter{margin-bottom:clamp(16px,2vw,24px);}
.curlit-hair-quiz .chq-r-backup{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,240px);grid-template-areas:"hero product" "tiles product";gap:clamp(12px,1.8vw,20px);align-items:stretch;}
.curlit-hair-quiz .chq-r-backup--no-image{grid-template-columns:1fr;grid-template-areas:"hero" "tiles";}
.curlit-hair-quiz .chq-r-backup__hero{grid-area:hero;background:var(--chq-r-purple);color:var(--chq-r-on-dark);border-radius:var(--chq-r-r-xl);padding:clamp(22px,2.7vw,34px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(14px,2vw,24px);align-items:end;box-shadow:0 18px 34px rgba(119,20,115,.15);}
.curlit-hair-quiz .chq-r-backup__eyebrow{font-size:var(--chq-r-fs-micro);font-weight:var(--chq-r-fw-bold);letter-spacing:.16em;text-transform:lowercase;color:var(--chq-r-yellow);margin-bottom:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-backup__hero h3{font-size:clamp(24px,2.7vw,40px);line-height:var(--chq-r-lh-tight);font-weight:var(--chq-r-fw-bold);max-width:none;margin-bottom:var(--chq-r-s3);white-space:nowrap;color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-backup__hero p{font-size:clamp(15px,1.65vw,19px);line-height:1.45;color:var(--chq-r-on-dark-80);max-width:54ch;font-weight:var(--chq-r-fw-semi);}
.curlit-hair-quiz .chq-r-backup__buy{display:flex;flex-direction:column;align-items:flex-end;gap:var(--chq-r-s3);min-width:max-content;}
.curlit-hair-quiz .chq-r-backup__price{font-size:clamp(20px,2vw,26px);font-weight:var(--chq-r-fw-bold);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-btn--backup-match{background:var(--chq-r-yellow);color:var(--chq-r-ink);border:2px solid var(--chq-r-yellow);box-shadow:0 10px 0 rgba(255,255,255,.13);padding:14px 24px;}
.curlit-hair-quiz .chq-r-btn--backup-match:hover{box-shadow:0 14px 28px rgba(42,31,50,.22);transform:translateY(-3px) rotate(1deg);}
.curlit-hair-quiz .chq-r-backup__product{grid-area:product;background:var(--chq-r-white);border-radius:var(--chq-r-r-xl);min-height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(16px,2vw,24px);box-shadow:0 18px 30px rgba(42,31,50,.08);overflow:hidden;}
.curlit-hair-quiz .chq-r-backup__photo{width:min(100%,220px);height:260px;object-fit:contain;display:block;filter:drop-shadow(0 16px 20px rgba(42,31,50,.16));transform:scale(2.15);}
.curlit-hair-quiz .chq-r-backup__tiles{grid-area:tiles;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.5vw,16px);}
.curlit-hair-quiz .chq-r-backup__tile{border-radius:var(--chq-r-r-lg);padding:clamp(16px,2vw,22px);min-height:150px;display:flex;flex-direction:column;justify-content:flex-start;}
.curlit-hair-quiz .chq-r-backup__tile span{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--chq-r-fw-bold);margin-bottom:var(--chq-r-s3);}
.curlit-hair-quiz .chq-r-backup__tile h3{font-size:clamp(18px,1.8vw,24px);font-weight:var(--chq-r-fw-bold);line-height:var(--chq-r-lh-snug);margin-bottom:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-backup__tile p{font-size:var(--chq-r-fs-small);line-height:1.45;font-weight:var(--chq-r-fw-semi);}
.curlit-hair-quiz .chq-r-backup__tile--yellow{background:var(--chq-r-yellow);color:var(--chq-r-purple);}
.curlit-hair-quiz .chq-r-backup__tile--yellow span{background:var(--chq-r-purple);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-backup__tile--blue{background:var(--chq-r-blue);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-backup__tile--blue span{background:var(--chq-r-white);color:var(--chq-r-purple);}
.curlit-hair-quiz .chq-r-backup__tile--blue h3{color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-backup__tile--blue p{color:var(--chq-r-on-dark-80);}
.curlit-hair-quiz .chq-r-backup__tile--white{background:var(--chq-r-white);color:var(--chq-r-purple);}
.curlit-hair-quiz .chq-r-backup__tile--white span{background:var(--chq-r-grey);color:var(--chq-r-purple);}
.curlit-hair-quiz .chq-r-backup__tile--white p{color:rgba(119,20,115,.78);}

/* ============ final CTA (pink) ============ */
.curlit-hair-quiz .chq-r-final{background:var(--chq-r-pink);text-align:center;min-height:clamp(240px,24vw,320px);display:flex;align-items:flex-start;padding-top:clamp(64px,7vw,92px);padding-bottom:clamp(56px,6vw,82px);}
.curlit-hair-quiz .chq-r-final::before{display:none;}
.curlit-hair-quiz .chq-r-final .chq-r-wrap{width:100%;position:relative;z-index:1;}
.curlit-hair-quiz .chq-r-final .chq-r-chapter{display:block;}
.curlit-hair-quiz .chq-r-final .chq-r-chapter__kicker{color:var(--chq-r-yellow);margin-bottom:var(--chq-r-s2);}
.curlit-hair-quiz .chq-r-final h2{font-size:clamp(32px,4.6vw,48px);font-weight:var(--chq-r-fw-bold);line-height:var(--chq-r-lh-tight);max-width:18ch;margin:0 auto var(--chq-r-s3);color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-final__line{font-size:clamp(15px,1.8vw,19px);font-weight:var(--chq-r-fw-semi);color:var(--chq-r-on-dark-80);line-height:1.45;max-width:46ch;margin:0 auto var(--chq-r-s5);}
.curlit-hair-quiz .chq-r-final__cta{display:flex;gap:var(--chq-r-s3);flex-wrap:wrap;justify-content:center;align-items:center;}
.curlit-hair-quiz .chq-r-final .chq-r-btn--bottom-match{background:var(--chq-r-white);color:var(--chq-r-purple);border:2px solid var(--chq-r-white);box-shadow:0 10px 0 rgba(119,20,115,.35);padding:15px 30px;}
.curlit-hair-quiz .chq-r-final .chq-r-btn--bottom-match:hover{box-shadow:0 14px 28px rgba(42,31,50,.22);transform:translateY(-3px);}
.curlit-hair-quiz .chq-r-final .chq-r-btn--ghost{color:var(--chq-r-on-dark);}
.curlit-hair-quiz .chq-r-doodle--cta{right:clamp(28px,8vw,150px);top:clamp(58px,7vw,104px);width:54px;opacity:.58;}


.curlit-hair-quiz .chq-r-chapter h2 { font-size: var(--chq-r-fs-h2); font-weight: var(--chq-r-fw-bold); line-height: var(--chq-r-lh-tight); }
.curlit-hair-quiz .chq-r-kicker { font-size: var(--chq-r-fs-micro); font-weight: var(--chq-r-fw-bold); letter-spacing: .18em; text-transform: lowercase; color: var(--chq-r-pink); }
.curlit-hair-quiz .chq-r-note, .curlit-hair-quiz .chq-r-plan-card, .curlit-hair-quiz .chq-r-timeline__step { background: var(--chq-r-white); border-radius: var(--chq-r-r-lg); padding: var(--chq-r-s4); }
.curlit-hair-quiz .chq-r-plan-card { display: flex; flex-direction: column; gap: var(--chq-r-s2); }
.curlit-hair-quiz .chq-r-plan-card__num { align-self: flex-start; background: var(--chq-r-purple); color: var(--chq-r-on-dark); border-radius: var(--chq-r-r-pill); padding: 5px 12px; font-size: var(--chq-r-fs-micro); font-weight: var(--chq-r-fw-bold); }
.curlit-hair-quiz .chq-r-list { margin-top: var(--chq-r-s3); padding-left: 20px; }
.curlit-hair-quiz .chq-r-list li { margin-bottom: 7px; }
.curlit-hair-quiz .chq-r-chip small { display: none; }
.curlit-hair-quiz .chq-r-chip { background: transparent; }

@media (max-width: 900px) {
	.curlit-hair-quiz .chq-r-day2,
	.curlit-hair-quiz .chq-r-match,
	.curlit-hair-quiz .chq-r-backup,
	.curlit-hair-quiz .chq-r-hero__grid {
		grid-template-columns: 1fr;
	}

	.curlit-hair-quiz .chq-r-backup {
		grid-template-areas: "hero" "product" "tiles";
	}

	.curlit-hair-quiz .chq-r-backup__product {
		min-height: 220px;
	}

	.curlit-hair-quiz .chq-r-backup__photo {
		height: 220px;
	}

	.curlit-hair-quiz .chq-r-day2-bento,
	.curlit-hair-quiz .chq-r-backup__tiles,
	.curlit-hair-quiz .chq-r-timeline {
		grid-template-columns: 1fr 1fr;
	}

	.curlit-hair-quiz .chq-r-p1-actions {
		grid-template-columns: 1fr 1fr;
	}

	.curlit-hair-quiz .chq-r-p1-actions .chq-r-rule,
	.curlit-hair-quiz .chq-r-tl--final {
		grid-column: 1 / -1;
	}

	.curlit-hair-quiz .chq-r-plan3,
	.curlit-hair-quiz .chq-r-tech__top,
	.curlit-hair-quiz .chq-r-tech--bento,
	.curlit-hair-quiz .chq-r-methodcards,
	.curlit-hair-quiz .chq-r-detailgrid,
	.curlit-hair-quiz .chq-r-app-bento,
	.curlit-hair-quiz .chq-r-dry-bento,
	.curlit-hair-quiz .chq-r-meter {
		grid-template-columns: 1fr;
	}

	.curlit-hair-quiz .chq-r-app-bento {
		grid-template-areas: "window" "meter" "plan" "tech";
	}

	.curlit-hair-quiz .chq-r-tech--bento {
		grid-template-areas: "copy" "method" "steps" "notes";
	}

	.curlit-hair-quiz .chq-r-dry-bento {
		grid-template-areas: "anchor" "side" "timeline" "cast" "details";
	}

	.curlit-hair-quiz .chq-r-plan3 {
		gap: var(--chq-r-s2);
		margin-top: var(--chq-r-s4);
	}

	.curlit-hair-quiz .chq-r-tech {
		margin-top: var(--chq-r-s4);
	}

	.curlit-hair-quiz .chq-r-methodcard {
		min-height: 0;
	}

	.curlit-hair-quiz .chq-r-tl {
		min-height: 132px;
	}

	.curlit-hair-quiz .chq-r-hero__art {
		order: -1;
	}

	.curlit-hair-quiz .chq-r-hero__grid {
		justify-items: start;
	}

	.curlit-hair-quiz .chq-r-match {
		max-width: 520px;
		gap: var(--chq-r-s3);
	}

	.curlit-hair-quiz .chq-r-match__media {
		justify-content: center;
		min-height: 260px;
	}

	.curlit-hair-quiz .chq-r-match__photo {
		height: 285px;
		object-fit: contain;
		transform: none;
		width: min(88%, 310px);
	}

	.curlit-hair-quiz .chq-r-match__card {
		min-height: 0;
	}

	.curlit-hair-quiz .chq-r-day2-bento {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.curlit-hair-quiz .chq-r-prep,
	.curlit-hair-quiz .chq-r-dry-rules,
	.curlit-hair-quiz .chq-r-detailgrid,
	.curlit-hair-quiz .chq-r-backup__tiles,
	.curlit-hair-quiz .chq-r-day2-bento,
	.curlit-hair-quiz .chq-r-timeline {
		grid-template-columns: 1fr;
	}

	.curlit-hair-quiz .chq-r-band {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.curlit-hair-quiz .chq-r-chapter {
		align-items: flex-start;
	}

	.curlit-hair-quiz .chq-r-band[data-guidance-key="product_guidance_context"] {
		padding-top: 40px;
		padding-bottom: 42px;
	}

	.curlit-hair-quiz .chq-r-match__card {
		padding: 24px;
	}

	.curlit-hair-quiz .chq-r-backup__hero {
		grid-template-columns: 1fr;
	}

	.curlit-hair-quiz .chq-r-backup__hero h3 {
		white-space:normal;
	}

	.curlit-hair-quiz .chq-r-cast--test p {
		white-space: normal;
	}

	.curlit-hair-quiz .chq-r-backup__buy {
		align-items: flex-start;
	}

	.curlit-hair-quiz .chq-r-window-intro {
		font-size: 21px;
	}

	.curlit-hair-quiz .chq-r-meter,
	.curlit-hair-quiz .chq-r-plan3,
	.curlit-hair-quiz .chq-r-tech__steps,
	.curlit-hair-quiz .chq-r-tech__notes,
	.curlit-hair-quiz .chq-r-backup__tiles,
	.curlit-hair-quiz .chq-r-day2-bento {
		gap: 10px;
	}

	.curlit-hair-quiz .chq-r-tech__steps {
		grid-template-columns: 1fr;
	}

	.curlit-hair-quiz .chq-r-tech--bento .chq-r-tech__steps {
		grid-template-columns: 1fr;
	}

	.curlit-hair-quiz .chq-r-meter__cell,
	.curlit-hair-quiz .chq-r-plan3__card,
	.curlit-hair-quiz .chq-r-tstep,
	.curlit-hair-quiz .chq-r-flag,
	.curlit-hair-quiz .chq-r-detailtile,
	.curlit-hair-quiz .chq-r-backup__tile,
	.curlit-hair-quiz .chq-r-day2-tile {
		padding: 14px;
	}

	.curlit-hair-quiz .chq-r-tech {
		padding: 22px;
	}

	.curlit-hair-quiz .chq-r-dry-rules .chq-r-rule {
		padding: 18px;
	}

	.curlit-hair-quiz .chq-r-tl {
		min-height: 0;
	}

	.curlit-hair-quiz .chq-r-match__card h3 {
		font-size: 24px;
	}

	.curlit-hair-quiz .chq-r-final {
		min-height: 310px;
		padding-top: 74px;
		padding-bottom: 64px;
	}

	.curlit-hair-quiz .chq-r-final__cta {
		align-items: stretch;
		flex-direction: column;
		margin: 0 auto;
		max-width: 240px;
	}

	.curlit-hair-quiz .chq-r-doodle--cta {
		display: none;
	}

	.curlit-hair-quiz #chq-phase1 > .chq-r-doodle {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.curlit-hair-quiz .chq-result * {
		transition: none !important;
	}
}