/*
 * BGW Quiz v2.2.0
 * One design system for the introduction, questions, pauses, results, and sharing.
 * Values are taken from the live Articles page: 1180px content, 16px cards,
 * #ebe7dc surfaces, #9b2f2c accent, rounded containers, and no shadows.
 */

body.bgwq-quiz-page article > h1:first-child {
	display: none;
}

/* --------------------------------------------------------------------------
 * Version 2.4: adaptive landing, member gate, and graphical report
 * ----------------------------------------------------------------------- */
.bgwq-how,
.bgwq-receive,
.bgwq-phone-stage,
.bgwq-score-continuum,
.bgwq-member-gate,
.bgwq-essential-limit,
.bgwq-promotion {
	border: 1px solid var(--q-line);
	border-radius: var(--q-radius);
	background: var(--q-surface);
	box-shadow: none;
}

.bgwq-intro-hero {
	grid-template-columns: minmax(0, 1.14fr) minmax(360px, 0.86fr);
	min-height: 610px;
}

.bgwq-intro-content {
	padding: clamp(44px, 5vw, 70px);
}

.bgwq-phone-stage {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 22px;
	padding: 40px 28px;
	border: 0;
	border-left: 1px solid rgba(255,255,255,.12);
	border-radius: 0;
	background: var(--q-dark);
	color: var(--q-dark-text);
}

.bgwq-phone {
	position: relative;
	width: min(100%, 294px);
	padding: 5px;
	border: 2px solid #817b75;
	border-radius: 47px;
	outline: 1px solid #090807;
	outline-offset: -4px;
	background: #090807;
	box-shadow: none;
}

.bgwq-phone-screen {
	display: flex;
	width: 100%;
	aspect-ratio: 78 / 163.4;
	overflow: hidden;
	flex-direction: column;
	border: 1px solid #35312e;
	border-radius: 41px;
	background: #f3efe7;
}

.bgwq-phone-top {
	position: relative;
	z-index: 2;
	display: flex;
	min-height: 38px;
	align-items: center;
	justify-content: space-between;
	padding: 9px 14px 4px 17px;
	color: #171513;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 10.5px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.bgwq-phone-island {
	position: absolute;
	top: 6px;
	left: 50%;
	width: 78px;
	height: 23px;
	border-radius: 99px;
	background: #050505;
	transform: translateX(-50%);
}

.bgwq-phone-island::after {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #111927;
	content: "";
}

.bgwq-phone-status { display: flex; align-items: center; gap: 5px; }
.bgwq-phone-signal { display: flex; height: 10px; align-items: flex-end; gap: 1.5px; }
.bgwq-phone-signal i { display: block; width: 2.3px; border-radius: 1px; background: currentColor; }
.bgwq-phone-signal i:nth-child(1) { height: 3px; }
.bgwq-phone-signal i:nth-child(2) { height: 5px; }
.bgwq-phone-signal i:nth-child(3) { height: 7px; }
.bgwq-phone-signal i:nth-child(4) { height: 9px; }
.bgwq-phone-wifi { width: 14px; height: 11px; overflow: visible; fill: currentColor; }
.bgwq-phone-wifi path { fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.6; }
.bgwq-phone-battery { position: relative; display: block; width: 19px; height: 9px; padding: 1.5px; border: 1.2px solid currentColor; border-radius: 2.5px; }
.bgwq-phone-battery::after { position: absolute; top: 2px; right: -3px; width: 1.5px; height: 4px; border-radius: 0 1px 1px 0; background: currentColor; content: ""; opacity: .55; }
.bgwq-phone-battery i { display: block; width: 78%; height: 100%; border-radius: 1px; background: currentColor; }
.bgwq-phone-clock { min-width: 31px; text-align: center; }

.bgwq-phone-app {
	display: flex;
	min-height: 0;
	flex: 1;
	flex-direction: column;
	padding: 25px 20px 21px;
	background: #f3efe7;
	color: var(--q-text);
}

.bgwq-phone-kicker {
	color: var(--q-accent);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.bgwq-phone-meter {
	height: 5px;
	margin: 13px 0 7px;
	border-radius: 99px;
	background: #d8d2c7;
	overflow: hidden;
}

.bgwq-phone-meter i {
	display: block;
	width: 38%;
	height: 100%;
	background: var(--q-accent);
}

.bgwq-phone-question-head {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	margin-top: 11px;
}

.bgwq-phone-progress-ring {
	--p: 23%;
	position: relative;
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 50%;
	background: conic-gradient(var(--q-accent) var(--p), #d8d2c7 0);
}

.bgwq-phone-progress-ring::before {
	position: absolute;
	inset: 4px;
	border-radius: 50%;
	background: #f3efe7;
	content: "";
}

.bgwq-phone-progress-ring strong {
	position: relative;
	z-index: 1;
	font-size: 15px;
	line-height: 1;
}

.bgwq-phone-question-copy > span {
	display: block;
	color: var(--q-accent);
	font-size: 7.5px;
	font-weight: 800;
	letter-spacing: .12em;
	line-height: 1.35;
	text-transform: uppercase;
}

.bgwq-phone-question-copy p {
	margin: 3px 0 0;
	color: var(--q-muted);
	font-size: 8px;
	line-height: 1.35;
}

.bgwq-phone-app h3 {
	margin: 18px 0 17px;
	font: 600 21px/1.17 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -.02em;
}

.bgwq-phone-choices {
	display: grid;
	gap: 7px;
}

.bgwq-phone-choices > div {
	display: grid;
	grid-template-columns: 25px 1fr;
	align-items: center;
	gap: 9px;
	min-height: 34px;
	padding: 4px 9px;
	border: 1px solid var(--q-line);
	border-radius: 8px;
	background: #ebe7dc;
	font-size: 10px;
}

.bgwq-phone-choices b {
	display: grid;
	width: 22px;
	height: 22px;
	place-items: center;
	border: 1px solid var(--q-line);
	border-radius: 50%;
	background: #f3efe7;
	color: var(--q-accent);
}

.bgwq-phone-choices .is-active {
	border-color: var(--q-accent);
	background: rgba(155,47,44,.08);
}

.bgwq-phone-app > p {
	margin: auto 0 0;
	padding-top: 15px;
	color: var(--q-muted);
	font-size: 10px;
	text-align: center;
}

.bgwq-phone-note {
	display: flex;
	max-width: 310px;
	flex-direction: column;
	gap: 5px;
	text-align: center;
}

.bgwq-phone-note strong { font: 600 20px/1.2 var(--display, Fraunces, Georgia, serif); }
.bgwq-phone-note span { color: rgba(248,241,231,.67); font-size: 12px; line-height: 1.5; }

.bgwq-how { padding: var(--q-content-pad); }
.bgwq-how .bgwq-section-head { margin-bottom: 25px; }
.bgwq-how-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--q-line); border-radius: 12px; background: var(--q-line); }
.bgwq-how-grid > div { display: flex; min-width: 0; flex-direction: column; padding: 25px; background: var(--q-surface); }
.bgwq-how-grid b { display: grid; width: 34px; height: 34px; margin-bottom: 22px; place-items: center; border-radius: 50%; background: var(--q-accent); color: #fff; font-size: 12px; }
.bgwq-how-grid strong { margin-bottom: 8px; font-size: 15px; }
.bgwq-how-grid p { margin: 0; color: var(--q-text-2); font-size: 12.5px; line-height: 1.6; }

.bgwq-question-context {
	max-width: 780px;
	margin: -15px 0 25px;
	color: var(--q-muted);
	font-size: 13px;
	line-height: 1.55;
}

.bgwq-score-continuum {
	padding: clamp(26px,3.5vw,42px);
}

.bgwq-continuum-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
}

.bgwq-continuum-head h3 { margin: 0; font: 600 clamp(25px,3vw,36px)/1.1 var(--display, Fraunces, Georgia, serif); }
.bgwq-continuum-head > strong { color: var(--q-accent); font: 600 48px/1 var(--display, Fraunces, Georgia, serif); }
.bgwq-continuum-head > strong small { color: var(--q-muted); font: 700 13px/1 var(--body, Inter, sans-serif); }

.bgwq-continuum-track {
	position: relative;
	height: 18px;
	margin: 28px 8px 11px;
	border: 1px solid var(--q-line);
	border-radius: 99px;
	background: linear-gradient(90deg,#d8cfbb 0%,#c9bfa9 20%,#827a70 40%,#27211e 55%,#5d241f 72%,#9b2f2c 87%,#c34739 100%);
}

.bgwq-continuum-track i {
	position: absolute;
	top: -7px;
	height: 30px;
	border: 2px solid rgba(255,255,255,.92);
	border-radius: 8px;
	background: rgba(255,255,255,.25);
}

.bgwq-continuum-track b {
	position: absolute;
	top: 50%;
	width: 5px;
	height: 38px;
	transform: translate(-50%,-50%);
	border: 2px solid #fff;
	border-radius: 99px;
	background: #171310;
}

.bgwq-continuum-labels { display: flex; justify-content: space-between; color: var(--q-muted); font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.bgwq-score-continuum > p { margin: 20px 0 0; color: var(--q-text-2); font-size: 12.5px; line-height: 1.65; }

.bgwq-member-gate {
	padding: clamp(32px,5vw,60px);
	background: var(--q-dark);
	color: var(--q-dark-text);
}

.bgwq-member-gate .bgwq-kicker { color: #d98578; }
.bgwq-member-gate h3 { max-width: 780px; margin: 0; font: 600 clamp(30px,4.5vw,54px)/1.04 var(--display, Fraunces, Georgia, serif); letter-spacing: -.035em; }
.bgwq-member-gate-copy > p { max-width: 760px; margin: 18px 0 0; color: rgba(248,241,231,.72); font-size: 15px; line-height: 1.65; }
.bgwq-member-gate-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 32px 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.14); }
.bgwq-member-gate-grid > div { display: flex; min-height: 135px; flex-direction: column; gap: 9px; padding: 24px; background: var(--q-dark); }
.bgwq-member-gate-grid strong { font-size: 14px; }
.bgwq-member-gate-grid span { color: rgba(248,241,231,.63); font-size: 12px; line-height: 1.55; }
.bgwq-member-gate > small { display: block; margin-top: 12px; color: rgba(248,241,231,.58); font-size: 11px; }
.bgwq-essential-limit { padding: 20px 24px; color: var(--q-text-2); font-size: 13px; line-height: 1.65; }
.bgwq-essential-limit strong { color: var(--q-accent); }

.bgwq-profile-visuals { display: grid; grid-template-columns: minmax(220px,.54fr) minmax(0,1.46fr); gap: 38px; align-items: center; }
.bgwq-radar-wrap { display: grid; place-items: center; min-height: 270px; padding: 20px; border: 1px solid var(--q-line); border-radius: 12px; background: var(--q-soft); }
.bgwq-radar { width: min(100%,260px); overflow: visible; }
.bgwq-radar-grid { fill: none; stroke: rgba(26,23,20,.16); stroke-width: 1; }
.bgwq-radar-grid.is-mid { stroke-dasharray: 3 4; }
.bgwq-radar-axis { fill: none; stroke: rgba(26,23,20,.11); stroke-width: 1; }
.bgwq-radar-shape { fill: rgba(155,47,44,.18); stroke: var(--q-accent); stroke-width: 2.5; }
.bgwq-radar circle { fill: var(--q-accent); stroke: var(--q-surface); stroke-width: 2; }

.bgwq-ai-status.is-loading { position: relative; overflow: hidden; }
.bgwq-ai-status.is-loading i { display: block; width: 100%; height: 4px; margin-top: 24px; overflow: hidden; border-radius: 99px; background: var(--q-line); }
.bgwq-ai-status.is-loading i::after { display: block; width: 32%; height: 100%; border-radius: inherit; background: var(--q-accent); content: ""; animation: bgwq-ai-loading 1.5s ease-in-out infinite; }
@keyframes bgwq-ai-loading { from { transform: translateX(-120%); } to { transform: translateX(420%); } }

.bgwq-promotion {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	padding: clamp(26px,4vw,42px);
	border-left: 7px solid var(--q-accent);
}
.bgwq-promotion h3 { margin: 0; font: 600 clamp(24px,3vw,34px)/1.12 var(--display, Fraunces, Georgia, serif); }
.bgwq-promotion p { max-width: 760px; margin: 10px 0 0; color: var(--q-text-2); font-size: 13px; line-height: 1.65; }
.bgwq-promotion .bgw-btn { flex: 0 0 auto; text-decoration: none; }

@media (max-width: 920px) {
	.bgwq-intro-hero { grid-template-columns: 1fr; min-height: 0; }
	.bgwq-phone-stage { border-top: 1px solid rgba(255,255,255,.12); border-left: 0; border-radius: 0; }
	.bgwq-phone { width: 290px; }
	.bgwq-profile-visuals { grid-template-columns: 1fr; }
	.bgwq-radar-wrap { min-height: 230px; }
}

@media (max-width: 700px) {
	.bgwq-how-grid,
	.bgwq-member-gate-grid { grid-template-columns: 1fr; }
	.bgwq-member-gate-grid > div { min-height: 0; }
	.bgwq-continuum-head { align-items: flex-start; }
	.bgwq-promotion { align-items: flex-start; flex-direction: column; }
	.bgwq-promotion .bgw-btn { width: 100%; }
}

/* Cascade-final v2.4.6 landing-page hierarchy. */
.bgwq-receive {
	padding: clamp(28px, 3.4vw, 42px);
}

.bgwq-receive .bgwq-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 22px;
}

.bgwq-receive .bgwq-section-head h3,
.bgwq-how-compact .bgwq-section-head h3 {
	margin: 0;
	font: 600 clamp(1.75rem, 3vw, 2.45rem)/1.05 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -.025em;
}

.bgwq-receive .bgwq-section-head p {
	margin: 0 0 3px;
	color: var(--q-muted);
	font-size: 13px;
	font-weight: 400;
}

.bgwq-receive-grid {
	display: grid;
	grid-template-columns: repeat(15, minmax(0, 1fr));
	gap: 1px;
	border: 1px solid var(--q-line);
	border-radius: 12px;
	background: var(--q-line);
	overflow: hidden;
}

.bgwq-receive-item {
	display: flex;
	grid-column: span 3;
	min-width: 0;
	min-height: 166px;
	align-items: flex-start;
	flex-direction: column;
	padding: 22px 20px;
	background: #f7f4ec;
}

.bgwq-receive-item:nth-child(n + 6) {
	grid-column: span 5;
}

.bgwq-receive-item > span {
	display: grid;
	width: 36px;
	height: 36px;
	margin-bottom: 20px;
	place-items: center;
	border-radius: 50%;
	background: var(--q-dark);
	color: var(--q-dark-text);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
}

.bgwq-receive-item strong {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.28;
}

.bgwq-receive-item p {
	margin: 7px 0 0;
	color: var(--q-muted);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
}

.bgwq-receive-link {
	color: inherit;
	text-decoration: none;
	transition: background-color .18s ease, color .18s ease;
}

.bgwq-receive-link > b {
	margin-top: auto;
	padding-top: 18px;
	color: var(--q-accent);
	font-size: 13px;
	font-weight: 700;
}

.bgwq-receive-link:hover {
	background: #efe8dc;
	color: inherit;
}

.bgwq-how-compact {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 28px;
	align-items: center;
	padding: 25px clamp(28px, 3.4vw, 42px);
}

.bgwq-how-compact .bgwq-section-head {
	margin: 0;
}

.bgwq-how-compact .bgwq-how-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}

.bgwq-how-compact .bgwq-how-grid > div {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 11px;
	align-items: start;
	padding: 0;
	background: transparent;
}

.bgwq-how-compact .bgwq-how-grid b {
	width: 32px;
	height: 32px;
	margin: 0;
	background: var(--q-accent);
	font-size: 13px;
	font-weight: 700;
}

.bgwq-how-compact .bgwq-how-grid strong {
	display: block;
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}

.bgwq-how-compact .bgwq-how-grid p {
	margin-top: 4px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
}

@media (max-width: 980px) {
	.bgwq-receive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bgwq-receive-item,
	.bgwq-receive-item:nth-child(n + 6) { grid-column: auto; }

	.bgwq-how-compact {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

@media (max-width: 700px) {
	.bgwq-receive .bgwq-section-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
	}

	.bgwq-receive-grid,
	.bgwq-how-compact .bgwq-how-grid {
		grid-template-columns: 1fr;
	}

	.bgwq-receive-item,
	.bgwq-receive-item:nth-child(n + 6) { grid-column: auto; }

	.bgwq-receive-item {
		min-height: 0;
		padding: 18px;
	}

	.bgwq-receive-item > span {
		margin-bottom: 12px;
	}
}

/* --------------------------------------------------------------------------
 * Version 2.5: connected result path and library pages
 * ----------------------------------------------------------------------- */
.bgwq-result-continue {
	padding: clamp(28px, 4vw, 44px);
	border: 1px solid var(--q-line);
	border-radius: var(--q-radius);
	background: var(--q-dark);
	color: var(--q-dark-text);
	box-shadow: none;
}

.bgwq-result-continue .bgwq-section-head { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); gap: 5px 30px; align-items: end; margin-bottom: 24px; }
.bgwq-result-continue .bgwq-section-head .bgwq-kicker { grid-column: 1 / -1; color: #d98578; }
.bgwq-result-continue .bgwq-section-head h3 { margin: 0; color: inherit; font: 600 clamp(1.75rem, 3vw, 2.45rem)/1.05 var(--display, Fraunces, Georgia, serif); letter-spacing: -.025em; }
.bgwq-result-continue .bgwq-section-head p { margin: 0 0 3px; color: rgba(248,241,231,.68); font-size: 13px; line-height: 1.5; }
.bgwq-result-continue-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.14); }
.bgwq-result-continue-grid > a { display: flex; min-height: 190px; align-items: flex-start; flex-direction: column; padding: 24px; background: var(--q-dark); color: inherit; text-decoration: none; }
.bgwq-result-continue-grid > a:hover { background: #30221e; color: #fff; }
.bgwq-result-continue-grid span { color: #d98578; font-size: 10px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.bgwq-result-continue-grid strong { margin-top: 14px; font-size: 15px; line-height: 1.3; }
.bgwq-result-continue-grid p { margin: 8px 0 18px; color: rgba(248,241,231,.68); font-size: 13px; line-height: 1.55; }
.bgwq-result-continue-grid b { margin-top: auto; color: #fff; font-size: 13px; }

body.bgwq-hub-page article > h1:first-child,
body.bgwq-hub-page .post-title:first-child { display: none; }

.bgwq-hub-root {
	display: grid;
	gap: var(--q-card-gap);
}

.bgwq-hub-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
	overflow: hidden;
	border: 1px solid var(--q-line);
	border-radius: var(--q-radius);
	background: var(--q-dark);
	color: var(--q-dark-text);
	box-shadow: none;
}

.bgwq-hub-hero > div { padding: clamp(40px, 6vw, 76px); }
.bgwq-hub-hero h1 { max-width: 850px; margin: 0; color: inherit; font: 600 clamp(2.7rem, 6vw, 5.4rem)/.96 var(--display, Fraunces, Georgia, serif); letter-spacing: -.045em; }
.bgwq-hub-hero p { max-width: 780px; margin: 22px 0 0; color: rgba(248,241,231,.73); font-size: 16px; font-weight: 400; line-height: 1.7; }
.bgwq-hub-hero .bgwq-kicker { color: #d98578; }
.bgwq-hub-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.bgwq-hub-hero-actions .bgw-btn { text-decoration: none; }
.bgwq-hub-hero-actions .bgw-btn-secondary { border-color: rgba(248,241,231,.35); background: transparent; color: #fff; }

.bgwq-hub-hero > aside {
	display: flex;
	min-height: 330px;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: clamp(34px, 4vw, 54px);
	border-left: 1px solid rgba(255,255,255,.14);
	background: #30211e;
}

.bgwq-hub-hero > aside > strong { font: 600 clamp(4.4rem, 8vw, 7rem)/.9 var(--display, Fraunces, Georgia, serif); letter-spacing: -.06em; }
.bgwq-hub-hero > aside > span:not(.bgwq-hub-status) { margin-top: 12px; font-size: 13px; font-weight: 700; line-height: 1.4; }
.bgwq-hub-hero > aside > small { margin-top: 9px; color: rgba(248,241,231,.62); font-size: 12px; line-height: 1.5; }
.bgwq-hub-status { margin-bottom: 22px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.24); border-radius: 99px; color: #f2a499; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.bgwq-resource-controls,
.bgwq-hub-section-head,
.bgwq-hub-cta,
.bgwq-daily-grid > article {
	border: 1px solid var(--q-line);
	border-radius: var(--q-radius);
	background: var(--q-surface);
	box-shadow: none;
}

.bgwq-resource-controls { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .52fr); gap: 22px 32px; align-items: end; padding: clamp(28px, 4vw, 44px); }
.bgwq-resource-controls h2,
.bgwq-hub-section-head h2,
.bgwq-hub-cta h2,
.bgwq-daily-grid h2 { margin: 0; font: 600 clamp(1.8rem, 3.3vw, 2.8rem)/1.06 var(--display, Fraunces, Georgia, serif); letter-spacing: -.03em; }
.bgwq-resource-search input { width: 100%; min-height: 48px; padding: 12px 15px; border: 1px solid var(--q-line); border-radius: var(--q-control-radius); background: #f7f4ec; color: var(--q-text); font-size: 13px; }
.bgwq-resource-filters { display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: 8px; }
.bgwq-resource-filters button { min-height: 38px; padding: 9px 13px; border: 1px solid var(--q-line); border-radius: 99px; background: #f7f4ec; color: var(--q-text-2); cursor: pointer; font-size: 13px; font-weight: 700; }
.bgwq-resource-filters button:hover,
.bgwq-resource-filters button.is-active { border-color: var(--q-dark); background: var(--q-dark); color: #fff; }

.bgwq-resource-count { display: flex; align-items: baseline; justify-content: flex-end; gap: 7px; padding: 0 5px; color: var(--q-muted); }
.bgwq-resource-count strong { color: var(--q-accent); font-size: 22px; }
.bgwq-resource-count span { font-size: 12px; }
.bgwq-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--q-card-gap); }
.bgwq-resource-card { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid var(--q-line); border-radius: var(--q-radius); background: var(--q-surface); box-shadow: none; }
.bgwq-resource-card[hidden] { display: none; }
.bgwq-resource-image { display: block; aspect-ratio: 16 / 9; overflow: hidden; border-bottom: 1px solid var(--q-line); background: var(--q-dark); text-decoration: none; }
.bgwq-resource-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.bgwq-resource-card:hover .bgwq-resource-image img { transform: scale(1.025); }
.bgwq-resource-image > span { display: grid; height: 100%; place-items: center; color: rgba(248,241,231,.62); font: 600 1.7rem var(--display, Fraunces, Georgia, serif); }
.bgwq-resource-card-copy { display: flex; min-height: 280px; flex: 1; align-items: flex-start; flex-direction: column; padding: 25px; }
.bgwq-resource-path { color: var(--q-accent); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgwq-resource-card h3 { margin: 12px 0 0; font: 600 1.55rem/1.12 var(--display, Fraunces, Georgia, serif); letter-spacing: -.02em; }
.bgwq-resource-card h3 a { color: inherit; text-decoration: none; }
.bgwq-resource-card p { margin: 13px 0 20px; color: var(--q-text-2); font-size: 13px; font-weight: 400; line-height: 1.6; }
.bgwq-resource-read { margin-top: auto; color: var(--q-accent); font-size: 13px; font-weight: 700; text-decoration: none; }
.bgwq-resource-empty { padding: 32px; border: 1px solid var(--q-line); border-radius: var(--q-radius); background: var(--q-surface); text-align: center; }
.bgwq-resource-infinite { padding: 5px 5px 0; }
.bgwq-resource-meter { height: 3px; overflow: hidden; border-radius: 99px; background: var(--q-line); }
.bgwq-resource-meter > span { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--q-accent); transition: width .25s ease; }
.bgwq-resource-infinite-row { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 16px; }
.bgwq-resource-infinite-row p { margin: 0; color: var(--q-muted); font-size: 12px; font-weight: 400; }
.bgwq-resource-infinite-row button { min-height: 38px; padding: 9px 15px; border: 1px solid var(--q-line); border-radius: 99px; background: var(--q-surface); color: var(--q-text); cursor: pointer; font-size: 13px; font-weight: 700; }
.bgwq-resource-infinite-row button:hover { border-color: var(--q-dark); background: var(--q-dark); color: #fff; }
.bgwq-resource-infinite-row button:disabled { cursor: wait; opacity: .62; }
.bgwq-resource-sentinel { height: 1px; }
.bgwq-resource-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin: 22px 0 0; padding: 0; list-style: none; }
.bgwq-resource-pagination a,
.bgwq-resource-pagination span { display: grid; min-width: 38px; min-height: 38px; padding: 8px 11px; place-items: center; border: 1px solid var(--q-line); border-radius: 99px; background: var(--q-surface); color: var(--q-text); font-size: 13px; font-weight: 700; text-decoration: none; }
.bgwq-resource-pagination .current { border-color: var(--q-dark); background: var(--q-dark); color: #fff; }
.bgwq-resource-card.is-loading-in { opacity: 0; transform: translateY(12px); }
.bgwq-resource-card { transition: opacity .25s ease, transform .25s ease; }

.bgwq-hub-section-head { padding: clamp(30px, 4.4vw, 52px); }
.bgwq-hub-section-head p { max-width: 760px; margin: 14px 0 0; color: var(--q-text-2); font-size: 13px; font-weight: 400; line-height: 1.65; }
.bgwq-course-grid { display: grid; gap: var(--q-card-gap); }
.bgwq-course-card { display: grid; grid-template-columns: 90px minmax(0, 1fr) 130px; gap: 26px; align-items: start; padding: clamp(28px, 4vw, 46px); border: 1px solid var(--q-line); border-radius: var(--q-radius); background: var(--q-surface); box-shadow: none; }
.bgwq-course-card > span { color: var(--q-accent); font: 600 3.2rem/1 var(--display, Fraunces, Georgia, serif); }
.bgwq-course-card small { color: var(--q-accent); font-size: 10px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.bgwq-course-card h3 { margin: 7px 0 9px; font: 600 clamp(1.6rem, 3vw, 2.35rem)/1.08 var(--display, Fraunces, Georgia, serif); }
.bgwq-course-card p { margin: 0; color: var(--q-text-2); font-size: 13px; line-height: 1.6; }
.bgwq-course-card ul { display: grid; gap: 7px; margin: 19px 0 0; padding: 0; list-style: none; }
.bgwq-course-card li { position: relative; padding-left: 20px; color: var(--q-text-2); font-size: 13px; line-height: 1.5; }
.bgwq-course-card li::before { position: absolute; left: 0; color: var(--q-accent); content: "✓"; font-weight: 700; }
.bgwq-course-card > strong { justify-self: end; padding: 7px 10px; border: 1px solid var(--q-line); border-radius: 99px; color: var(--q-muted); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }

.bgwq-hub-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: clamp(30px, 4.4vw, 52px); border-left: 7px solid var(--q-accent); }
.bgwq-hub-cta p { max-width: 700px; margin: 12px 0 0; color: var(--q-text-2); font-size: 13px; line-height: 1.6; }
.bgwq-hub-cta .bgw-btn { flex: 0 0 auto; }
.bgwq-hub-cta .bgw-btn:disabled { cursor: default; opacity: .8; }

.bgwq-daily-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--q-card-gap); }
.bgwq-daily-grid > article { padding: clamp(30px, 4.5vw, 54px); }
.bgwq-daily-grid ul { display: grid; gap: 11px; margin: 24px 0 0; padding: 0; list-style: none; }
.bgwq-daily-grid li { position: relative; padding: 12px 14px 12px 42px; border-top: 1px solid var(--q-line); color: var(--q-text-2); font-size: 13px; line-height: 1.5; }
.bgwq-daily-grid li::before { position: absolute; top: 10px; left: 10px; color: var(--q-accent); content: "✓"; font-weight: 800; }

@media (max-width: 920px) {
	.bgwq-continue .bgwq-section-head,
	.bgwq-result-continue .bgwq-section-head,
	.bgwq-hub-hero,
	.bgwq-resource-controls { grid-template-columns: 1fr; }
	.bgwq-hub-hero > aside { min-height: 230px; border-top: 1px solid rgba(255,255,255,.14); border-left: 0; }
	.bgwq-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bgwq-resource-filters { grid-column: 1; }
}

@media (max-width: 700px) {
	.bgwq-result-continue-grid,
	.bgwq-resource-grid,
	.bgwq-daily-grid { grid-template-columns: 1fr; }
	.bgwq-course-card { grid-template-columns: 58px minmax(0, 1fr); gap: 18px; }
	.bgwq-course-card > span { font-size: 2.3rem; }
	.bgwq-course-card > strong { grid-column: 2; justify-self: start; }
	.bgwq-hub-cta { align-items: flex-start; flex-direction: column; }
	.bgwq-hub-cta .bgw-btn { width: 100%; }
	.bgwq-resource-infinite-row { align-items: stretch; flex-direction: column; padding: 14px 0; }
	.bgwq-resource-infinite-row button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.bgwq-resource-card,
	.bgwq-resource-meter > span { transition: none; }
}

/* Version 2.4.2: the user chooses whether to stop after a locked conclusion. */
.bgwq-lock-choice {
	width: min(1180px, 100%);
	margin: 0 auto;
	border: 1px solid var(--q-line);
	border-radius: var(--q-radius);
	background: var(--q-surface);
	box-shadow: none;
	overflow: hidden;
}

.bgwq-lock-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 230px;
	align-items: stretch;
	background: var(--q-dark);
	color: var(--q-dark-text);
}

.bgwq-lock-copy {
	padding: clamp(34px, 5vw, 60px);
}

.bgwq-lock-copy .bgwq-kicker {
	color: #d7756e;
}

.bgwq-lock-copy h2 {
	max-width: 720px;
	margin: 10px 0 15px;
	color: inherit;
	font: 600 clamp(2.35rem, 5vw, 4.6rem)/.98 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -.035em;
}

.bgwq-lock-verdict {
	max-width: 760px;
	margin: 0;
	color: rgba(248,241,231,.86);
	font-size: 1.08rem;
	line-height: 1.65;
}

.bgwq-lock-current {
	display: flex;
	min-height: 250px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 32px 24px;
	border-left: 1px solid rgba(248,241,231,.18);
	text-align: center;
}

.bgwq-lock-current > span {
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.bgwq-lock-current strong {
	margin: 5px 0 -2px;
	font: 600 clamp(4.5rem, 9vw, 7rem)/1 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -.06em;
}

.bgwq-lock-current small {
	color: rgba(248,241,231,.68);
}

.bgwq-lock-range {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 36px;
	align-items: center;
	padding: clamp(30px, 4vw, 48px);
	border-bottom: 1px solid var(--q-line);
}

.bgwq-lock-range h3 {
	margin: 8px 0 10px;
	font: 600 clamp(1.8rem, 3vw, 2.6rem)/1.08 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -.025em;
}

.bgwq-lock-range p,
.bgwq-lock-detail p {
	margin: 0;
	color: var(--q-muted);
	line-height: 1.65;
}

.bgwq-lock-endpoints {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border: 1px solid var(--q-line);
	border-radius: 12px;
	background: var(--q-page);
	overflow: hidden;
}

.bgwq-lock-endpoints > div {
	display: flex;
	min-height: 126px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 18px;
	text-align: center;
}

.bgwq-lock-endpoints > div + div {
	border-left: 1px solid var(--q-line);
}

.bgwq-lock-endpoints span {
	color: var(--q-muted);
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
}

.bgwq-lock-endpoints strong {
	font: 600 3.25rem/1 var(--display, Fraunces, Georgia, serif);
}

.bgwq-lock-detail {
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	gap: 24px;
	padding: 25px clamp(30px, 4vw, 48px);
	border-bottom: 1px solid var(--q-line);
	background: var(--q-page);
}

.bgwq-lock-actions {
	display: flex;
	gap: 12px;
	padding: 28px clamp(30px, 4vw, 48px);
}

.bgwq-lock-actions .bgw-btn {
	min-height: 52px;
}

@media (max-width: 780px) {
	.bgwq-lock-head,
	.bgwq-lock-range {
		grid-template-columns: 1fr;
	}

	.bgwq-lock-current {
		min-height: 0;
		border-top: 1px solid rgba(248,241,231,.18);
		border-left: 0;
	}

	.bgwq-lock-range {
		gap: 24px;
	}

	.bgwq-lock-detail {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	.bgwq-lock-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.bgwq-lock-actions .bgw-btn {
		width: 100%;
	}
}

/* v2.4.1 result visualization: a large, legible score map with a real
   anonymous completion distribution and an explicit score-band guide. */
.bgwq-score-continuum {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(280px, .78fr);
	gap: 24px;
	padding: clamp(26px, 3.6vw, 42px);
	border: 1px solid var(--q-line);
	border-radius: 14px;
	background: var(--q-surface);
}

.bgwq-score-chart-panel,
.bgwq-score-band-guide {
	min-width: 0;
	border: 1px solid var(--q-line);
	border-radius: 12px;
	background: #f7f4ec;
}

.bgwq-score-chart-panel { padding: clamp(22px, 3vw, 34px); }
.bgwq-score-chart-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.bgwq-score-chart-title > div { display: grid; gap: 5px; }
.bgwq-score-chart-title strong { color: var(--q-text); font: 650 clamp(27px, 3vw, 38px)/1 var(--display, Fraunces, Georgia, serif); }
.bgwq-score-chart-title > div > span { color: var(--q-text-2); font-size: 13px; font-weight: 750; }
.bgwq-score-chart-title .bgwq-kicker { margin-top: 7px; color: var(--bgwq-chart-accent); text-align: right; }

.bgwq-score-chart-plot {
	margin-top: 18px;
	padding: 10px 8px 0;
	border: 1px solid rgba(26, 23, 20, .09);
	border-radius: 10px;
	background: rgba(255, 255, 255, .58);
}

.bgwq-score-chart-plot svg { display: block; width: 100%; height: auto; overflow: visible; }
.bgwq-score-chart-grid line { stroke: rgba(26, 23, 20, .11); stroke-width: 1; }
.bgwq-score-chart-bars rect { fill: var(--q-palette-ash); opacity: .58; }
.bgwq-score-chart-bars .bgwq-chart-stage-0 { fill: var(--q-palette-cream); opacity: .86; }
.bgwq-score-chart-bars .bgwq-chart-stage-1 { fill: var(--q-palette-ash); opacity: .76; }
.bgwq-score-chart-bars .bgwq-chart-stage-2 { fill: var(--q-palette-brown); opacity: .70; }
.bgwq-score-chart-bars .bgwq-chart-stage-3 { fill: var(--q-palette-ink-soft); opacity: .68; }
.bgwq-score-chart-bars .bgwq-chart-stage-4 { fill: var(--q-palette-oxblood); opacity: .66; }
.bgwq-score-chart-bars .bgwq-chart-stage-5 { fill: var(--q-palette-ember-soft); opacity: .68; }
.bgwq-score-chart-area { fill: url(#bgwq-chart-area); fill: color-mix(in srgb, var(--bgwq-chart-accent) 18%, transparent); }
.bgwq-score-chart-curve { fill: none; stroke: var(--bgwq-chart-accent); stroke-linecap: round; stroke-linejoin: round; stroke-width: 4; }
.bgwq-score-chart-marker { stroke: var(--bgwq-chart-accent); stroke-width: 5; }
.bgwq-score-chart-you rect { fill: var(--bgwq-chart-accent); }
.bgwq-score-chart-you text { fill: #fff; font-family: var(--body, Inter, sans-serif); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-anchor: middle; }
.bgwq-score-chart-you text:last-child { font-size: 14px; letter-spacing: 0; }
.bgwq-score-chart-axis text { fill: var(--q-muted); font-family: var(--body, Inter, sans-serif); font-size: 11px; font-weight: 750; text-anchor: middle; }
.bgwq-score-chart-source { margin: 12px 0 0; color: var(--q-muted); font-size: 11.5px; line-height: 1.55; }

.bgwq-score-band-guide { padding: clamp(22px, 3vw, 32px); }
.bgwq-score-band-guide > .bgwq-kicker { color: var(--bgwq-chart-accent); }
.bgwq-score-band-guide h3 { margin: 7px 0 20px; color: var(--q-text); font: 600 clamp(24px, 2.4vw, 31px)/1.12 var(--display, Fraunces, Georgia, serif); }
.bgwq-score-band-guide > div { display: grid; gap: 7px; }
.bgwq-score-band-guide p { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 10px; margin: 0; padding: 11px 12px; border-radius: 8px; color: var(--q-text-2); }
.bgwq-score-band-guide p strong { color: var(--q-text); font-size: 12px; }
.bgwq-score-band-guide p span { font-size: 12px; line-height: 1.35; }
.bgwq-score-band-guide p b { padding: 4px 7px; border-radius: 999px; background: rgba(255,255,255,.18); color: inherit; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.bgwq-score-band-guide p.is-active { background: var(--bgwq-chart-accent); color: #fff; }
.bgwq-score-band-guide p.is-active strong { color: #fff; }
.bgwq-score-band-guide > small { display: block; margin-top: 18px; color: var(--q-muted); font-size: 11px; line-height: 1.55; }
.bgwq-score-band-guide p:not(.is-active) strong { font-weight: 800; }
.bgwq-score-band-guide p:nth-child(1):not(.is-active) strong { color: var(--q-palette-ash); }
.bgwq-score-band-guide p:nth-child(2):not(.is-active) strong { color: var(--q-palette-brown); }
.bgwq-score-band-guide p:nth-child(3):not(.is-active) strong { color: var(--q-palette-ink-soft); }
.bgwq-score-band-guide p:nth-child(4):not(.is-active) strong { color: var(--q-palette-oxblood); }
.bgwq-score-band-guide p:nth-child(5):not(.is-active) strong { color: var(--q-palette-ember-soft); }
.bgwq-score-adaptive-note { grid-column: 1 / -1; margin: 0; padding-top: 18px; border-top: 1px solid var(--q-line); color: var(--q-text-2); font-size: 12.5px; line-height: 1.6; }

.bgwq-profile-visuals.bgwq-profile-bars-only { display: block; }
.bgwq-profile-bars-only .bgwq-profile { width: 100%; }

@media (max-width: 900px) {
	.bgwq-score-continuum { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
	.bgwq-score-continuum { padding: 18px; }
	.bgwq-score-chart-panel,
	.bgwq-score-band-guide { padding: 18px; }
	.bgwq-score-chart-title { flex-direction: column; gap: 6px; }
	.bgwq-score-chart-title .bgwq-kicker { margin-top: 0; text-align: left; }
	.bgwq-score-chart-plot { margin-left: -8px; margin-right: -8px; padding-left: 0; padding-right: 0; }
	.bgwq-score-band-guide p { grid-template-columns: 54px minmax(0,1fr) auto; }
}

.bgwq-root,
.bgwq-share-overlay,
.bgwq-account-saved {
	--q-accent: #9b2f2c;
	--q-accent-hover: #862825;
	--q-accent-light: #c85b50;
	--q-page: #f3efe7;
	--q-surface: #ebe7dc;
	--q-soft: rgba(20, 17, 15, 0.04);
	--q-soft-strong: rgba(20, 17, 15, 0.075);
	--q-text: #1a1714;
	--q-text-2: #514741;
	--q-muted: #746963;
	--q-line: rgba(26, 23, 20, 0.13);
	--q-border: rgba(244, 239, 230, 0.12);
	--q-dark: #241916;
	--q-dark-text: #f8f1e7;
	--q-radius: 16px;
	--q-control-radius: 8px;
	--q-palette-cream: #cabfb0;
	--q-palette-ash: #938a7e;
	--q-palette-brown: #6f675e;
	--q-palette-ink-soft: #4a443d;
	--q-palette-oxblood: #7c2f2a;
	--q-palette-ember: #9b2f2c;
	--q-palette-ember-soft: #b24a47;
	--q-button-radius: 6px;
	--q-shadow: none;
	--q-card-gap: 24px;
	--q-content-pad: clamp(32px, 3.5vw, 44px);
	font-family: var(--body, Inter, -apple-system, "Segoe UI", sans-serif);
	color: var(--q-text);
}

.bgwq-root {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 48px 0 96px;
}

/* Server-rendered first view for importers, search, and no-JS readers. */
.bgwq-static-fallback {
	padding: clamp(32px, 5vw, 64px);
	background: var(--q-surface);
	border: 1px solid var(--q-line);
	border-radius: var(--q-radius);
}

.bgwq-static-fallback h2 {
	max-width: 820px;
	margin: 0 0 18px;
	color: var(--q-text);
	font: 650 clamp(34px, 5vw, 64px)/1.02 var(--heading, Fraunces, Georgia, serif);
	letter-spacing: -0.035em;
}

.bgwq-static-fallback p {
	max-width: 820px;
	margin: 0 0 18px;
	color: var(--q-text-2);
	font-size: 16px;
	line-height: 1.65;
}

.bgwq-static-fallback .bgwq-static-lede {
	color: var(--q-text);
	font-size: clamp(18px, 2.1vw, 22px);
	line-height: 1.5;
}

.bgwq-static-fallback .bgwq-static-note {
	padding-top: 18px;
	border-top: 1px solid var(--q-line);
	font-size: 14px;
}

.bgwq-static-fallback .bgw-btn {
	display: inline-flex;
	text-decoration: none;
}

.bgwq-root *,
.bgwq-share-overlay *,
.bgwq-account-saved * {
	box-sizing: border-box;
}

.bgwq-root button,
.bgwq-root input,
.bgwq-share-overlay button,
.bgwq-share-overlay input,
.bgwq-account-saved button {
	font: inherit;
}

.bgwq-root h2,
.bgwq-root h3,
.bgwq-root p {
	max-width: none;
}

.bgwq-root :focus-visible,
.bgwq-share-overlay :focus-visible,
.bgwq-account-saved :focus-visible {
	outline: 3px solid color-mix(in srgb, var(--q-accent) 62%, transparent);
	outline-offset: 3px;
}

.bgwq-question:focus,
.bgwq-transition h2:focus,
.bgwq-report-hero h2:focus {
	outline: none;
}

.bgwq-kicker,
.bgwq-preview-kicker {
	display: block;
	margin: 0 0 9px;
	color: var(--q-accent);
	font: 750 11px/1.2 Inter, -apple-system, "Segoe UI", sans-serif;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.bgwq-inline-error {
	display: none;
	margin: 10px 0 0;
	color: var(--q-accent);
	font-size: 13px;
	font-weight: 700;
}

/* Shared controls */
.bgw-btn,
.bgwq-root .bgw-btn,
.bgwq-share-overlay .bgw-btn {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: var(--q-button-radius);
	cursor: pointer;
	font-weight: 700;
	line-height: 1.25;
	transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.bgwq-root .bgw-btn-primary,
.bgwq-share-overlay .bgw-btn-primary {
	border: 1px solid var(--q-accent);
	background: var(--q-accent);
	color: #fff;
}

.bgwq-root .bgw-btn-primary:hover,
.bgwq-share-overlay .bgw-btn-primary:hover {
	border-color: var(--q-accent-hover);
	background: var(--q-accent-hover);
}

.bgwq-root .bgw-btn-secondary,
.bgwq-share-overlay .bgw-btn-secondary {
	border: 1px solid var(--q-line);
	background: transparent;
	color: var(--q-text);
}

.bgwq-root .bgw-btn-secondary:hover,
.bgwq-share-overlay .bgw-btn-secondary:hover {
	border-color: var(--q-accent);
	color: var(--q-accent);
}

/* Shared major-card treatment */
.bgwq-intro-hero,
.bgwq-route-panel,
.bgwq-self-context,
.bgwq-intro-main,
.bgwq-intro-info,
.bgwq-account-note,
.bgwq-start-panel,
.bgwq-quiz,
.bgwq-transition,
.bgwq-loading,
.bgwq-error,
.bgwq-report-hero,
.bgwq-save-status,
.bgwq-profile-card,
.bgwq-standout,
.bgwq-ai-review,
.bgwq-ai-status,
.bgwq-section-head-cards,
.bgwq-dim-card,
.bgwq-next-step,
.bgwq-share-panel,
.bgwq-method,
.bgwq-optin {
	border: 1px solid var(--q-border);
	border-radius: var(--q-radius);
	background: var(--q-surface);
	box-shadow: var(--q-shadow);
}

/* Introduction */
.bgwq-intro {
	display: flex;
	flex-direction: column;
	gap: var(--q-card-gap);
}

/* Dynamic relationship prerequisite */
.bgwq-route-panel {
	display: grid;
	grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
	overflow: hidden;
}

.bgwq-route-intro {
	padding: 34px;
	border-right: 1px solid var(--q-line);
	background: var(--q-soft);
}

.bgwq-route-intro h3 {
	margin: 0;
	font: 600 clamp(1.7rem, 2.6vw, 2.35rem)/1.12 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -0.02em;
}

.bgwq-route-intro > p {
	margin: 14px 0 0;
	color: var(--q-text-2);
	font-size: 13px;
	line-height: 1.65;
}

.bgwq-route-chosen {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: 23px;
	padding: 15px 17px;
	border: 1px solid var(--q-line);
	border-left: 4px solid var(--q-accent);
	border-radius: var(--q-control-radius);
	background: var(--q-surface);
}

.bgwq-route-chosen span {
	color: var(--q-muted);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.bgwq-self-context {
	display: grid;
	grid-template-columns: minmax(230px, 0.62fr) minmax(0, 1.38fr);
	overflow: hidden;
}

.bgwq-self-context-head {
	padding: 28px 32px;
	border-right: 1px solid var(--q-line);
	background: var(--q-soft);
}

.bgwq-self-context-head h3 {
	margin: 4px 0 10px;
	font: 600 clamp(1.45rem, 2.2vw, 1.95rem)/1.15 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -0.02em;
}

.bgwq-self-context-head p {
	margin: 0;
	color: var(--q-text-2);
	font-size: 13px;
	line-height: 1.65;
}

.bgwq-self-context-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 17px 20px;
	padding: 28px 32px;
}

.bgwq-self-context-field > span {
	display: block;
	margin-bottom: 7px;
	color: var(--q-text);
	font-size: 12px;
	font-weight: 750;
}

.bgwq-self-context-field > .bgwq-self-context-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.bgwq-self-context-label em {
	flex: 0 0 auto;
	color: var(--q-muted);
	font-size: 9px;
	font-style: normal;
	font-weight: 750;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.bgwq-self-context-field.is-required .bgwq-self-context-label em {
	color: var(--q-accent);
}

.bgwq-self-context-field select {
	width: 100%;
	min-height: 46px;
	padding: 0 38px 0 13px;
	border: 1px solid var(--q-border);
	border-radius: var(--q-control-radius);
	background: var(--q-surface);
	color: var(--q-text);
	font: inherit;
}

.bgwq-self-context-field select:focus {
	border-color: var(--q-accent);
	outline: 2px solid rgba(155, 47, 44, 0.18);
	outline-offset: 1px;
}

.bgwq-self-context-field.has-error select,
.bgwq-self-context-field select[aria-invalid="true"] {
	border-color: var(--q-accent);
	outline: 2px solid rgba(155, 47, 44, 0.16);
	outline-offset: 1px;
}

.bgwq-route-chosen strong {
	font: 600 1.08rem/1.3 var(--display, Fraunces, Georgia, serif);
}

.bgwq-subject-gender {
	min-width: 0;
	margin: 18px 0 0;
	padding: 0;
	border: 0;
}

.bgwq-subject-gender legend {
	margin: 0 0 9px;
	padding: 0;
	color: var(--q-text);
	font-size: 12px;
	font-weight: 750;
	line-height: 1.4;
}

.bgwq-subject-gender-choices {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.bgwq-subject-gender-choices button {
	display: flex;
	min-width: 0;
	min-height: 54px;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: 9px 11px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-control-radius);
	background: var(--q-surface);
	color: var(--q-text);
	cursor: pointer;
	text-align: left;
}

.bgwq-subject-gender-choices button:hover,
.bgwq-subject-gender-choices button.is-selected {
	border-color: var(--q-accent);
	background: rgba(155,47,44,.07);
}

.bgwq-subject-gender-choices strong { font-size: 12px; }
.bgwq-subject-gender-choices span { margin-top: 2px; color: var(--q-muted); font-size: 9px; font-weight: 600; letter-spacing: 0; text-transform: none; }

.bgwq-route-chooser {
	min-width: 0;
	padding: 26px 30px 30px;
}

.bgwq-route-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--q-line);
}

.bgwq-route-tab {
	min-height: 36px;
	padding: 7px 11px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-button-radius);
	background: transparent;
	color: var(--q-text-2);
	cursor: pointer;
	font-size: 11px;
	font-weight: 750;
	line-height: 1.25;
}

.bgwq-route-tab:hover,
.bgwq-route-tab:focus-visible,
.bgwq-route-tab.is-active {
	border-color: var(--q-accent);
	background: rgba(155, 47, 44, 0.08);
	color: var(--q-accent);
}

.bgwq-route-choices {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
	padding-top: 20px;
}

.bgwq-route-choice {
	display: flex;
	min-height: 52px;
	align-items: center;
	padding: 10px 12px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-control-radius);
	background: var(--q-soft);
	color: var(--q-text);
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;
	text-decoration: none;
}

.bgwq-route-choice:hover,
.bgwq-route-choice:focus-visible {
	border-color: var(--q-accent);
	background: rgba(155, 47, 44, 0.06);
}

.bgwq-route-choice.is-selected {
	border-color: var(--q-accent);
	background: var(--q-accent);
	color: #fff;
}

.bgwq-route-safety {
	margin: 17px 0 0;
	padding-top: 16px;
	border-top: 1px solid var(--q-line);
	color: var(--q-text-2);
	font-size: 12.5px;
	line-height: 1.6;
}

.bgwq-intro-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(400px, 0.92fr);
	overflow: hidden;
}

.bgwq-intro-content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	padding: 48px 46px;
}

.bgwq-h2 {
	max-width: 620px;
	margin: 0;
	font: 600 clamp(3.2rem, 4.3vw, 4.2rem)/1 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -0.04em;
}

.bgwq-lede {
	max-width: 620px;
	margin: 20px 0 0;
	color: var(--q-text-2);
	font-size: 1rem;
	line-height: 1.68;
}

.bgwq-meta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 25px 0 0;
}

.bgwq-meta-chip {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 11px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-button-radius);
	background: var(--q-soft);
	color: var(--q-muted);
	font-size: 12px;
}

.bgwq-meta-chip b {
	color: var(--q-accent);
	font-size: 12px;
}

.bgwq-intro-preview {
	display: flex;
	min-width: 0;
	flex-direction: column;
	border-left: 1px solid rgba(255, 255, 255, 0.11);
	background: var(--q-dark);
	color: var(--q-dark-text);
}

.bgwq-preview-head {
	padding: 34px 34px 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.bgwq-preview-kicker {
	color: #d98578;
}

.bgwq-preview-head h3 {
	margin: 0;
	font: 600 clamp(1.75rem, 2.2vw, 2.2rem)/1.08 var(--display, Fraunces, Georgia, serif);
}

.bgwq-preview-head p {
	margin: 14px 0 0;
	color: rgba(248, 241, 231, 0.7);
	font-size: 12.5px;
	line-height: 1.6;
}

.bgwq-preview-score {
	display: flex;
	align-items: center;
	gap: 17px;
	margin: 18px 34px 4px;
	padding: 14px 16px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: var(--q-control-radius);
	background: rgba(248, 241, 231, 0.06);
}

.bgwq-preview-score > strong {
	color: #fff;
	font: 650 2.2rem/0.95 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -0.035em;
}

.bgwq-preview-score > strong span {
	margin-left: 3px;
	color: rgba(248, 241, 231, 0.56);
	font: 650 10px/1 var(--sans, Inter, Arial, sans-serif);
	letter-spacing: 0;
}

.bgwq-preview-score > div {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
}

.bgwq-preview-score > div span {
	color: rgba(248, 241, 231, 0.58);
	font-size: 8px;
	font-weight: 750;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.bgwq-preview-score > div b {
	color: #fff;
	font-size: 11px;
	line-height: 1.3;
}

.bgwq-preview-rows {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	padding: 14px 34px;
}

.bgwq-preview-row {
	padding: 9px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.bgwq-preview-row:first-child {
	border-top: 0;
}

.bgwq-preview-label {
	display: flex;
	align-items: baseline;
	gap: 9px;
	margin-bottom: 7px;
}

.bgwq-preview-label span {
	color: #d98578;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.bgwq-preview-label strong {
	font-size: 11.5px;
	line-height: 1.25;
}

.bgwq-preview-track {
	position: relative;
	height: 5px;
	background: rgba(255, 255, 255, 0.13);
}

.bgwq-preview-fill {
	display: block;
	height: 100%;
	background: #d98578;
}

.bgwq-preview-track i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 11px;
	background: rgba(255, 255, 255, 0.42);
	transform: translateY(-50%);
}

.bgwq-preview-note {
	padding: 19px 34px 21px;
	background: var(--q-accent);
	color: #fff;
}

.bgwq-preview-note span {
	display: block;
	margin-bottom: 7px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	opacity: 0.74;
}

.bgwq-preview-note strong {
	display: block;
	font: 600 1.2rem/1.3 var(--display, Fraunces, Georgia, serif);
}

.bgwq-intro-main {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(330px, 0.8fr);
	overflow: hidden;
}

.bgwq-area-map {
	min-width: 0;
	padding: 32px 34px;
	border-right: 1px solid var(--q-line);
}

.bgwq-area-map-title {
	margin: 0 0 15px;
	color: var(--q-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.bgwq-area-map-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 28px;
}

.bgwq-area-map-item {
	display: flex;
	min-height: 49px;
	align-items: center;
	gap: 11px;
	border-top: 1px solid var(--q-line);
	color: var(--q-text-2);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}

.bgwq-area-map-item:nth-child(-n + 2) {
	border-top: 0;
}

.bgwq-area-number {
	color: var(--q-accent);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.bgwq-intro-context {
	padding: 32px 34px;
	background: var(--q-soft);
}

.bgwq-nonvalidated {
	margin: 17px 0 0;
	padding: 0 0 0 15px;
	border-left: 3px solid var(--q-accent);
	font-size: 12.5px;
	line-height: 1.6;
}

.bgwq-timeframe {
	margin: 19px 0 0;
	color: var(--q-text-2);
	font-size: 13px;
	line-height: 1.62;
}

.bgwq-intro-info {
	display: grid;
	grid-template-columns: 285px 1fr;
	overflow: hidden;
}

.bgwq-intro-info-head {
	padding: 30px 28px 30px 34px;
	border-right: 1px solid var(--q-line);
}

.bgwq-intro-info-head h3 {
	margin: 10px 0 0;
	font: 600 1.6rem/1.2 var(--display, Fraunces, Georgia, serif);
}

.bgwq-intro-details {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 24px;
	padding: 18px 34px;
}

.bgwq-intro-detail {
	margin: 0;
	border-top: 1px solid var(--q-line);
}

.bgwq-intro-detail:nth-child(-n + 2) {
	border-top: 0;
}

.bgwq-intro-detail summary {
	position: relative;
	padding: 10px 28px 10px 0;
	cursor: pointer;
	color: var(--q-text-2);
	font-size: 12.5px;
	font-weight: 700;
	list-style: none;
}

.bgwq-intro-detail summary::-webkit-details-marker {
	display: none;
}

.bgwq-intro-detail summary::after {
	content: "+";
	position: absolute;
	top: 7px;
	right: 4px;
	color: var(--q-accent);
	font-size: 19px;
	font-weight: 400;
}

.bgwq-intro-detail[open] summary::after {
	content: "-";
}

.bgwq-intro-detail p {
	margin: 0;
	padding: 0 28px 12px 0;
	color: var(--q-muted);
	font-size: 12.5px;
	line-height: 1.55;
}

.bgwq-crisis-detail summary {
	color: var(--q-accent);
}

.bgwq-account-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	padding: 20px 26px;
	border-color: var(--q-line);
}

.bgwq-account-note strong {
	flex: 0 0 auto;
	font-size: 14px;
}

.bgwq-account-note p {
	margin: 0;
	color: var(--q-text-2);
	font-size: 13px;
	line-height: 1.55;
	text-align: right;
}

.bgwq-account-note a {
	color: var(--q-accent);
	font-weight: 750;
}

.bgwq-account-note.is-signed-in {
	border-color: rgba(155, 47, 44, 0.28);
}

.bgwq-start-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 32px;
	padding: 30px 34px;
	background: var(--q-accent);
	color: #fff;
}

.bgwq-start-copy h3 {
	max-width: 660px;
	margin: 8px 0 0;
	font: 600 clamp(1.55rem, 2.3vw, 2.15rem)/1.15 var(--display, Fraunces, Georgia, serif);
}

.bgwq-start-panel .bgwq-kicker {
	color: rgba(255, 255, 255, 0.72);
}

.bgwq-start-mindset {
	max-width: 760px;
	margin-top: 17px;
	border-top: 1px solid rgba(255, 255, 255, 0.28);
	border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}

.bgwq-start-mindset summary {
	padding: 11px 30px 11px 0;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}

.bgwq-start-mindset summary::after {
	top: 7px;
	right: 4px;
	color: #fff;
}

.bgwq-start-mindset p {
	padding: 0 28px 13px 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.58;
}

.bgwq-age-check {
	display: flex;
	max-width: 760px;
	align-items: flex-start;
	gap: 11px;
	margin: 15px 0 0;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.88);
	font-size: 12.5px;
	line-height: 1.5;
}

.bgwq-age-check input {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 1px;
	accent-color: #fff;
}

.bgwq-start-panel .bgwq-inline-error {
	color: #fff;
}

.bgwq-intro-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.bgwq-start-panel .bgw-btn-primary {
	min-width: 190px;
	border-color: #fff;
	background: #fff;
	color: var(--q-accent);
}

.bgwq-start-panel .bgw-btn-primary:hover {
	border-color: #f7f0e8;
	background: #f7f0e8;
}

.bgwq-start-panel .bgw-btn-secondary {
	border-color: rgba(255, 255, 255, 0.55);
	color: #fff;
}

.bgwq-resume-note {
	margin: 12px 0 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
}

/* Questions */
.bgwq-quiz {
	padding: 36px 40px 32px;
}

.bgwq-progress {
	height: 7px;
	border-radius: 999px;
	overflow: hidden;
	background: var(--q-soft-strong);
}

.bgwq-progress-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--q-accent);
	transition: width 0.25s ease;
}

.bgwq-question-notice {
	margin: 18px 0 0;
	padding: 12px 14px;
	border: 1px solid rgba(155, 47, 44, 0.28);
	border-radius: var(--q-control-radius);
	background: var(--q-soft);
	color: var(--q-text-2);
	font-size: 13px;
	line-height: 1.5;
}

.bgwq-scale-btn:disabled,
.bgwq-back:disabled {
	cursor: default;
	opacity: 1;
}

.bgwq-q-top {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 24px 0 28px;
}

.bgwq-progress-ring {
	--p: 10%;
	position: relative;
	display: grid;
	width: 68px;
	height: 68px;
	flex: 0 0 68px;
	place-items: center;
	border-radius: 50%;
	background: conic-gradient(var(--q-accent) var(--p), var(--q-soft-strong) 0);
}

.bgwq-progress-ring::before {
	content: "";
	position: absolute;
	inset: 6px;
	border-radius: 50%;
	background: var(--q-surface);
}

.bgwq-progress-ring strong {
	position: relative;
	z-index: 1;
	align-self: center;
	font-size: 22px;
	line-height: 1;
}

.bgwq-q-copy p {
	margin: 0;
	color: var(--q-muted);
	font-size: 13px;
	line-height: 1.55;
}

.bgwq-fieldset {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.bgwq-question {
	display: block;
	width: 100%;
	margin: 0 0 26px;
	padding: 0;
	color: var(--q-text);
	font: 600 clamp(1.75rem, 2.6vw, 2.35rem)/1.24 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -0.02em;
}

/* Logged-in administrator scoring help, shown only with the active question. */
.bgwq-admin-question-guide {
	display: grid;
	grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.1fr);
	gap: 18px;
	align-items: center;
	margin: -8px 0 22px;
	padding: 16px 18px;
	border: 1px solid rgba(155, 47, 44, 0.32);
	border-left: 4px solid var(--q-accent);
	border-radius: var(--q-control-radius);
	background: var(--q-soft);
}

.bgwq-admin-question-heading {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
}

.bgwq-admin-question-heading > span {
	color: var(--q-accent);
	font-size: 9px;
	font-weight: 850;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.bgwq-admin-question-heading > strong {
	font-size: 12px;
	line-height: 1.4;
}

.bgwq-admin-question-heading > em {
	color: var(--q-muted);
	font-size: 10px;
	font-style: normal;
	line-height: 1.35;
}

.bgwq-admin-question-targets {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.bgwq-admin-question-target {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 4px;
	padding: 10px 12px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-button-radius);
}

.bgwq-admin-question-target b {
	font-size: 10px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.bgwq-admin-question-target span {
	font-size: 11px;
	font-weight: 750;
	line-height: 1.35;
}

.bgwq-admin-question-target.is-max {
	border-color: #1a1714;
	background: #1a1714;
	color: #f6f1e7;
}

.bgwq-admin-question-target.is-min {
	background: #e2ddcf;
	color: #1a1714;
}

.bgwq-scale {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.bgwq-scale-btn {
	display: flex;
	min-width: 0;
	min-height: 104px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 14px 10px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-control-radius);
	background: var(--q-soft);
	color: var(--q-text);
	cursor: pointer;
	text-align: center;
	transition: background-color 0.16s ease, border-color 0.16s ease;
}

.bgwq-scale-btn:hover,
.bgwq-scale-btn:focus-visible {
	border-color: var(--q-accent);
	background: rgba(155, 47, 44, 0.07);
}

.bgwq-scale-btn.is-selected {
	border-color: var(--q-accent);
	background: rgba(155, 47, 44, 0.12);
	box-shadow: inset 0 0 0 1px var(--q-accent);
}

.bgwq-key {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border: 1px solid var(--q-line);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.34);
	color: var(--q-accent);
	font-size: 11px;
	font-weight: 800;
}

.bgwq-answer-label {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.bgwq-q-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 32px;
	margin-top: 20px;
}

.bgwq-back {
	position: relative;
	padding: 8px 8px 8px 23px;
	border: 0;
	background: none;
	color: var(--q-muted);
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
}

.bgwq-back::before {
	content: "\2190";
	position: absolute;
	left: 0;
}

.bgwq-back:hover {
	color: var(--q-accent);
}

.bgwq-key-hint {
	margin-left: auto;
	color: var(--q-muted);
	font-size: 11px;
}

/* Pause, loading, and error states */
.bgwq-transition,
.bgwq-loading,
.bgwq-error {
	display: flex;
	min-height: 360px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 48px 40px;
	text-align: center;
}

.bgwq-transition-mark {
	display: grid;
	width: 58px;
	height: 58px;
	place-items: center;
	margin-bottom: 20px;
	border-radius: 50%;
	background: var(--q-accent);
	color: #fff;
	font-size: 27px;
}

.bgwq-transition h2,
.bgwq-loading h2,
.bgwq-error h2 {
	margin: 0;
	font: 600 clamp(1.9rem, 3vw, 2.65rem)/1.12 var(--display, Fraunces, Georgia, serif);
}

.bgwq-transition p,
.bgwq-loading p,
.bgwq-error p {
	max-width: 560px;
	margin: 15px auto 23px;
	color: var(--q-text-2);
	font-size: 14px;
	line-height: 1.65;
}

.bgwq-error-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.bgwq-loading-orb {
	width: 58px;
	height: 58px;
	margin-bottom: 22px;
	border: 6px solid var(--q-soft-strong);
	border-top-color: var(--q-accent);
	border-radius: 50%;
	animation: bgwq-spin 0.85s linear infinite;
}

@keyframes bgwq-spin {
	to { transform: rotate(360deg); }
}

/* Results */
.bgwq-report {
	display: flex;
	flex-direction: column;
	gap: var(--q-card-gap);
}

.bgwq-report-hero {
	overflow: hidden;
	padding: clamp(38px, 4.5vw, 56px);
	background: var(--q-result-bg, var(--q-dark));
	color: var(--q-result-text, var(--q-dark-text));
}

.bgwq-report-hero .bgwq-kicker {
	color: var(--q-result-highlight, #d98578);
}

/* Eleven score stages: site tan to site black to site red, changing at every
   ten points. The text variables keep every stage readable. */
.bgwq-report-hero.bgwq-score-band-0 {
	--q-result-bg: #e2ddcf;
	--q-result-text: #1a1714;
	--q-result-muted: #4a443d;
	--q-result-highlight: #7c2f2a;
	--q-result-border: rgba(26, 23, 20, 0.17);
	--q-result-panel: rgba(26, 23, 20, 0.06);
}

.bgwq-report-hero.bgwq-score-band-1 {
	--q-result-bg: #b9b5aa;
	--q-result-text: #1a1714;
	--q-result-muted: #4a443d;
	--q-result-highlight: #7c2f2a;
	--q-result-border: rgba(26, 23, 20, 0.18);
	--q-result-panel: rgba(26, 23, 20, 0.07);
}

.bgwq-report-hero.bgwq-score-band-2 {
	--q-result-bg: #918d84;
	--q-result-text: #1a1714;
	--q-result-muted: #332e29;
	--q-result-highlight: #6c2925;
	--q-result-border: rgba(26, 23, 20, 0.2);
	--q-result-panel: rgba(26, 23, 20, 0.08);
}

.bgwq-report-hero.bgwq-score-band-3 {
	--q-result-bg: #69665b;
	--q-result-text: #f6f1e7;
	--q-result-muted: #ece4d6;
	--q-result-highlight: #f6f1e7;
	--q-result-border: rgba(246, 241, 231, 0.22);
	--q-result-panel: rgba(246, 241, 231, 0.08);
}

.bgwq-report-hero.bgwq-score-band-4 {
	--q-result-bg: #423e37;
	--q-result-text: #f6f1e7;
	--q-result-muted: #ece4d6;
	--q-result-highlight: #ece4d6;
	--q-result-border: rgba(246, 241, 231, 0.2);
	--q-result-panel: rgba(246, 241, 231, 0.07);
}

.bgwq-report-hero.bgwq-score-band-5 {
	--q-result-bg: #1a1714;
	--q-result-text: #f6f1e7;
	--q-result-muted: #cdc6ba;
	--q-result-highlight: #b24a47;
	--q-result-border: rgba(246, 241, 231, 0.2);
	--q-result-panel: rgba(246, 241, 231, 0.07);
}

.bgwq-report-hero.bgwq-score-band-6 {
	--q-result-bg: #39211e;
	--q-result-text: #f6f1e7;
	--q-result-muted: #ece4d6;
	--q-result-highlight: #b24a47;
	--q-result-border: rgba(246, 241, 231, 0.2);
	--q-result-panel: rgba(246, 241, 231, 0.07);
}

.bgwq-report-hero.bgwq-score-band-7 {
	--q-result-bg: #582b28;
	--q-result-text: #f6f1e7;
	--q-result-muted: #ece4d6;
	--q-result-highlight: #ece4d6;
	--q-result-border: rgba(246, 241, 231, 0.2);
	--q-result-panel: rgba(246, 241, 231, 0.07);
}

.bgwq-report-hero.bgwq-score-band-8 {
	--q-result-bg: #783532;
	--q-result-text: #f6f1e7;
	--q-result-muted: #ece4d6;
	--q-result-highlight: #f6f1e7;
	--q-result-border: rgba(246, 241, 231, 0.22);
	--q-result-panel: rgba(246, 241, 231, 0.08);
}

.bgwq-report-hero.bgwq-score-band-9 {
	--q-result-bg: #95403c;
	--q-result-text: #fff;
	--q-result-muted: #f6f1e7;
	--q-result-highlight: #fff;
	--q-result-border: rgba(255, 255, 255, 0.24);
	--q-result-panel: rgba(255, 255, 255, 0.09);
}

.bgwq-report-hero.bgwq-score-band-10 {
	--q-result-bg: #b24a47;
	--q-result-text: #fff;
	--q-result-muted: #fff;
	--q-result-highlight: #fff;
	--q-result-border: rgba(255, 255, 255, 0.28);
	--q-result-panel: rgba(255, 255, 255, 0.1);
}

.bgwq-overall-result {
	display: flex;
	width: min(680px, 100%);
	align-items: center;
	gap: 24px;
	margin: 18px 0 28px;
	padding: 18px 22px;
	border: 1px solid var(--q-result-border, rgba(248, 241, 231, 0.2));
	border-radius: var(--q-control-radius);
	background: var(--q-result-panel, rgba(248, 241, 231, 0.07));
}

.bgwq-overall-number {
	flex: 0 0 auto;
	color: var(--q-result-text, #fff);
	font: 700 clamp(3.25rem, 6vw, 5.25rem)/0.9 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -0.055em;
}

.bgwq-overall-number span {
	margin-left: 4px;
	color: var(--q-result-muted, rgba(248, 241, 231, 0.6));
	font: 650 1rem/1 var(--sans, Inter, Arial, sans-serif);
	letter-spacing: 0;
}

.bgwq-overall-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 6px;
	padding-left: 24px;
	border-left: 1px solid var(--q-result-border, rgba(248, 241, 231, 0.2));
}

.bgwq-overall-copy span {
	color: var(--q-result-muted, rgba(248, 241, 231, 0.65));
	font-size: 11px;
	font-weight: 750;
	letter-spacing: 0.11em;
	line-height: 1.35;
	text-transform: uppercase;
}

.bgwq-overall-copy strong {
	color: var(--q-result-text, #fff);
	font-size: clamp(1rem, 2vw, 1.3rem);
	font-weight: 750;
	line-height: 1.25;
}

.bgwq-report-hero h2 {
	max-width: 820px;
	margin: 0;
	font: 600 clamp(2.45rem, 4.6vw, 4.2rem)/1.03 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -0.035em;
}

.bgwq-report-hero > p {
	max-width: 760px;
	margin: 20px 0;
	color: var(--q-result-muted, rgba(248, 241, 231, 0.76));
	font-size: 1rem;
	line-height: 1.7;
}

.bgwq-report-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.bgwq-report-facts span {
	padding: 8px 12px;
	border: 1px solid var(--q-result-border, rgba(248, 241, 231, 0.2));
	border-radius: var(--q-button-radius);
	font-size: 12px;
}

.bgwq-save-status {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 22px 26px;
	border-color: var(--q-line);
}

.bgwq-save-status-saved {
	border-color: rgba(155, 47, 44, 0.28);
}

.bgwq-save-mark {
	display: inline-flex;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--q-accent);
	color: #fff;
	font-size: 20px;
	font-weight: 800;
}

.bgwq-save-status strong {
	display: block;
	margin-bottom: 3px;
	font-size: 15px;
}

.bgwq-save-status p {
	margin: 0;
	color: var(--q-text-2);
	font-size: 13px;
	line-height: 1.55;
}

.bgwq-save-status a {
	color: var(--q-accent);
	font-weight: 750;
}

.bgwq-save-status-error {
	border-color: rgba(155, 47, 44, 0.42);
}

.bgwq-profile-card,
.bgwq-next-step,
.bgwq-share-panel,
.bgwq-optin {
	padding: var(--q-content-pad);
}

.bgwq-section-head {
	text-align: center;
}

.bgwq-section-head h3 {
	margin: 0;
	font: 600 clamp(1.65rem, 2.7vw, 2.35rem)/1.16 var(--display, Fraunces, Georgia, serif);
}

.bgwq-profile {
	max-width: 880px;
	margin: 29px auto 0;
}

.bgwq-profile-axis {
	display: flex;
	justify-content: space-between;
	margin: 0 0 7px;
	padding-left: 235px;
	color: var(--q-muted);
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.bgwq-profile-row {
	display: grid;
	grid-template-columns: 215px minmax(160px, 1fr) 176px;
	align-items: center;
	gap: 18px;
	padding: 16px 0;
	border-top: 1px solid var(--q-line);
}

.bgwq-profile-name {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 750;
}

.bgwq-mini-icon,
.bgwq-dim-ic,
.bgwq-standout-icon {
	display: grid;
	place-items: center;
	background: rgba(155, 47, 44, 0.09);
	color: var(--q-accent);
}

.bgwq-mini-icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

.bgwq-mini-icon svg {
	width: 18px;
	height: 18px;
}

.bgwq-profile-track,
.bgwq-card-track {
	position: relative;
	overflow: hidden;
	border-radius: 999px;
	background: var(--q-soft-strong);
}

.bgwq-profile-track {
	height: 11px;
}

.bgwq-profile-fill,
.bgwq-bar-fill {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: var(--q-accent-light);
	transition: width 0.8s cubic-bezier(0.25, 0.7, 0.3, 1);
}

/* Six distinct brand tones make the profile readable without importing a
 * rainbow that does not belong to the site. The same tone follows each area
 * from the overview bar into its detailed card. */
.bgwq-profile-row[data-bgwq-dimension="grandiosity"],
.bgwq-dim-card[data-bgwq-dimension="grandiosity"] { --bgwq-area-color: var(--q-palette-cream); --bgwq-area-ink: var(--q-palette-brown); }
.bgwq-profile-row[data-bgwq-dimension="entitlement"],
.bgwq-dim-card[data-bgwq-dimension="entitlement"] { --bgwq-area-color: var(--q-palette-ash); --bgwq-area-ink: var(--q-palette-brown); }
.bgwq-profile-row[data-bgwq-dimension="admiration"],
.bgwq-dim-card[data-bgwq-dimension="admiration"] { --bgwq-area-color: var(--q-palette-brown); --bgwq-area-ink: var(--q-palette-brown); }
.bgwq-profile-row[data-bgwq-dimension="empathy"],
.bgwq-dim-card[data-bgwq-dimension="empathy"] { --bgwq-area-color: var(--q-palette-ink-soft); --bgwq-area-ink: var(--q-palette-ink-soft); }
.bgwq-profile-row[data-bgwq-dimension="exploitativeness"],
.bgwq-dim-card[data-bgwq-dimension="exploitativeness"] { --bgwq-area-color: var(--q-palette-oxblood); --bgwq-area-ink: var(--q-palette-oxblood); }
.bgwq-profile-row[data-bgwq-dimension="vulnerability"],
.bgwq-dim-card[data-bgwq-dimension="vulnerability"] { --bgwq-area-color: var(--q-palette-ember-soft); --bgwq-area-ink: var(--q-palette-ember); }

.bgwq-profile-row .bgwq-profile-fill,
.bgwq-dim-card .bgwq-bar-fill { background: var(--bgwq-area-color, var(--q-accent-light)); }
.bgwq-profile-row .bgwq-profile-track i { background: var(--bgwq-area-ink, var(--q-accent)); }
.bgwq-profile-row .bgwq-profile-read { color: var(--bgwq-area-ink, var(--q-text-2)); }
.bgwq-profile-row .bgwq-mini-icon,
.bgwq-dim-card .bgwq-dim-ic { background: color-mix(in srgb, var(--bgwq-area-color, var(--q-accent)) 14%, var(--q-surface)); color: var(--bgwq-area-ink, var(--q-accent)); }
.bgwq-dim-card .bgwq-dim-score,
.bgwq-dim-card .bgwq-card-marker > strong { color: var(--bgwq-area-ink, var(--q-accent)); }

.bgwq-profile-track i {
	position: absolute;
	top: 50%;
	width: 16px;
	height: 16px;
	border: 3px solid var(--q-surface);
	border-radius: 50%;
	background: var(--q-accent);
	transform: translate(-50%, -50%);
}

.bgwq-profile-read {
	color: var(--q-text-2);
	font-size: 11.5px;
	font-weight: 750;
}

.bgwq-chart-note {
	margin: 18px auto 0;
	color: var(--q-muted);
	font-size: 12px;
	line-height: 1.55;
	text-align: center;
}

.bgwq-standout {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 28px 32px;
}

.bgwq-standout-icon {
	width: 54px;
	height: 54px;
	flex: 0 0 54px;
	border-radius: var(--q-control-radius);
}

.bgwq-standout-icon svg {
	width: 27px;
	height: 27px;
}

.bgwq-standout h3 {
	margin: 0;
	font: 600 1.5rem/1.2 var(--display, Fraunces, Georgia, serif);
}

.bgwq-standout p {
	margin: 7px 0 0;
	color: var(--q-text-2);
	font-size: 13.5px;
	line-height: 1.6;
}

.bgwq-standout-even {
	display: block;
	text-align: center;
}

.bgwq-section-head-cards {
	padding: 25px 30px;
}

.bgwq-dims {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

.bgwq-dim-card {
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.bgwq-dim-head {
	display: flex;
	align-items: center;
	gap: 13px;
}

.bgwq-dim-ic {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	border-radius: var(--q-control-radius);
}

.bgwq-dim-icon {
	width: 25px;
	height: 25px;
}

.bgwq-dim-head h3 {
	margin: 0;
	font: 600 1.35rem/1.2 var(--display, Fraunces, Georgia, serif);
}

.bgwq-card-marker {
	margin: 21px 0 18px;
}

.bgwq-card-track {
	height: 9px;
	margin-bottom: 10px;
}

.bgwq-card-marker > strong {
	color: var(--q-accent);
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.bgwq-dim-read {
	margin: 0 0 12px;
	font-size: 14.5px;
	font-weight: 650;
	line-height: 1.55;
}

.bgwq-dim-desc {
	margin: 0 0 18px;
	color: var(--q-text-2);
	font-size: 13.5px;
	line-height: 1.62;
}

.bgwq-alt,
.bgwq-reflect {
	padding-top: 15px;
	border-top: 1px solid var(--q-line);
}

.bgwq-alt strong,
.bgwq-reflect strong {
	display: block;
	margin-bottom: 5px;
	color: var(--q-muted);
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.bgwq-alt p,
.bgwq-reflect p {
	margin: 0;
	color: var(--q-text-2);
	font-size: 12.5px;
	line-height: 1.55;
}

.bgwq-reflect {
	margin-top: 15px;
}

.bgwq-reflect p {
	color: var(--q-text);
	font: 400 1rem/1.55 var(--display, Fraunces, Georgia, serif);
}

.bgwq-next-step p {
	margin: 0;
	color: var(--q-text-2);
	line-height: 1.72;
}

/* Personalized AI evidence review. It uses the same block, radius, border,
 * typography, and no-shadow rules as the rest of the site. */
.bgwq-ai-review {
	padding: var(--q-content-pad);
}

.bgwq-ai-status {
	padding: var(--q-content-pad);
	border-color: rgba(155, 47, 44, 0.42);
}

.bgwq-ai-status h3 {
	margin: 0 0 10px;
	font: 600 clamp(1.5rem, 2.5vw, 2.15rem)/1.16 var(--display, Fraunces, Georgia, serif);
}

.bgwq-ai-status p {
	margin: 0;
	color: var(--q-text-2);
	line-height: 1.65;
}

.bgwq-ai-review-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--q-line);
}

.bgwq-ai-review-head h3 {
	margin: 0;
	font: 600 clamp(1.8rem, 3vw, 2.55rem)/1.12 var(--display, Fraunces, Georgia, serif);
}

.bgwq-ai-badge {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	padding: 7px 11px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-control-radius);
	color: var(--q-muted);
	font-size: 11px;
	font-weight: 750;
	white-space: nowrap;
}

.bgwq-ai-bottom-line {
	margin: 24px 0;
	padding: 22px 24px;
	border-left: 5px solid var(--q-accent);
	border-radius: 0 var(--q-control-radius) var(--q-control-radius) 0;
	background: var(--q-dark);
	color: var(--q-dark-text);
}

.bgwq-ai-bottom-line strong,
.bgwq-ai-score-explanation h4,
.bgwq-ai-signal-grid h4,
.bgwq-ai-action-grid h4 {
	display: block;
	margin: 0 0 7px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.bgwq-ai-bottom-line p {
	margin: 0;
	font: 500 clamp(1.25rem, 2.2vw, 1.65rem)/1.4 var(--display, Fraunces, Georgia, serif);
}

.bgwq-ai-score-explanation {
	padding: 0 0 24px;
}

.bgwq-ai-score-explanation p,
.bgwq-ai-action-grid p {
	margin: 0;
	color: var(--q-text-2);
	font-size: 14px;
	line-height: 1.7;
}

.bgwq-ai-signal-grid,
.bgwq-ai-action-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-bottom: 18px;
}

.bgwq-ai-signal-grid > div,
.bgwq-ai-action-grid > div {
	padding: 22px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-control-radius);
	background: var(--q-soft);
}

.bgwq-ai-signal-grid ul,
.bgwq-ai-action-grid ol {
	margin: 10px 0 0;
	padding-left: 20px;
}

.bgwq-ai-signal-grid li,
.bgwq-ai-action-grid li {
	margin: 0 0 9px;
	color: var(--q-text-2);
	font-size: 13.5px;
	line-height: 1.55;
}

.bgwq-ai-area-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin: 18px 0;
}

.bgwq-ai-area {
	padding: 22px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-control-radius);
	background: rgba(255,255,255,.28);
}

.bgwq-ai-area header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 13px;
}

.bgwq-ai-area h4 {
	margin: 0;
	font: 600 1.2rem/1.22 var(--display, Fraunces, Georgia, serif);
}

.bgwq-ai-area header strong {
	color: var(--q-accent);
	font: 700 1.3rem/1 var(--display, Fraunces, Georgia, serif);
}

.bgwq-ai-area header strong span {
	font-size: 10px;
}

.bgwq-ai-area p {
	margin: 0 0 10px;
	color: var(--q-text-2);
	font-size: 12.75px;
	line-height: 1.6;
}

.bgwq-ai-area p:last-child {
	margin-bottom: 0;
}

.bgwq-ai-guidance {
	display: grid;
	gap: 10px;
	margin-top: 18px;
	padding: 20px 22px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-control-radius);
}

.bgwq-ai-guidance p,
.bgwq-ai-disclosure {
	margin: 0;
	color: var(--q-text-2);
	font-size: 12.5px;
	line-height: 1.6;
}

.bgwq-ai-disclosure {
	margin-top: 18px;
	color: var(--q-muted);
	font-size: 11.5px;
}

.bgwq-share-panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
}

.bgwq-share-panel h3,
.bgwq-optin-head {
	margin: 0;
	font: 600 1.65rem/1.2 var(--display, Fraunces, Georgia, serif);
}

.bgwq-share-panel p,
.bgwq-optin-copy {
	max-width: 610px;
	margin: 8px 0 0;
	color: var(--q-text-2);
	font-size: 13px;
	line-height: 1.6;
}

.bgwq-share-choices {
	display: flex;
	min-width: 300px;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 9px;
}

.bgwq-pdf-help {
	flex: 0 0 100%;
	margin: -10px 0 0;
	color: var(--q-muted);
	font-size: 11.5px;
	line-height: 1.55;
}

.bgwq-method {
	overflow: hidden;
}

.bgwq-method summary {
	padding: 19px 24px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 750;
}

.bgwq-method > div {
	padding: 0 24px 22px;
	color: var(--q-text-2);
	font-size: 12.5px;
	line-height: 1.65;
}

.bgwq-method p {
	margin: 0 0 12px;
}

.bgwq-method ul {
	margin: 0;
	padding-left: 20px;
}

.bgwq-method a {
	color: var(--q-accent);
}

.bgwq-optin {
	margin-top: 0;
}

.bgwq-optin-copy {
	margin-bottom: 17px;
}

.bgwq-gate-form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.bgwq-gate-form input {
	min-width: 230px;
	min-height: 44px;
	flex: 1;
	padding: 10px 14px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-control-radius);
	background: rgba(255, 255, 255, 0.32);
	color: var(--q-text);
}

.bgwq-optin-done {
	margin: 0;
	color: var(--q-accent);
	font-weight: 750;
}

.bgwq-retake {
	display: block;
	margin: 18px auto 0;
	padding: 10px;
	border: 0;
	background: none;
	color: var(--q-muted);
	cursor: pointer;
	font-size: 13px;
	text-decoration: underline;
}

.bgwq-retake:hover {
	color: var(--q-accent);
}

/* Share dialog */
.bgwq-share-overlay {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(20, 17, 15, 0.84);
}

.bgwq-share-modal {
	position: relative;
	width: min(520px, 100%);
	max-height: 92vh;
	overflow: auto;
	padding: 28px;
	border: 1px solid var(--q-border);
	border-radius: var(--q-radius);
	background: var(--q-surface);
	color: var(--q-text);
	box-shadow: none;
	text-align: center;
}

.bgwq-share-close {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 38px;
	height: 38px;
	border: 0;
	background: none;
	color: var(--q-muted);
	cursor: pointer;
	font-size: 28px;
}

.bgwq-share-title {
	margin: 0;
	font: 600 1.45rem/1.2 var(--display, Fraunces, Georgia, serif);
}

.bgwq-share-note {
	margin: 8px auto 18px;
	color: var(--q-muted);
	font-size: 12.5px;
	line-height: 1.55;
}

.bgwq-share-preview canvas {
	display: block;
	width: 100%;
	max-width: 440px;
	margin: 0 auto;
	border-radius: var(--q-control-radius);
}

.bgwq-share-formats,
.bgwq-share-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 15px;
}

.bgwq-share-fmt {
	padding: 8px 15px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-button-radius);
	background: transparent;
	color: var(--q-text-2);
	cursor: pointer;
	font-size: 12px;
}

.bgwq-share-fmt.active {
	border-color: var(--q-accent);
	background: rgba(155, 47, 44, 0.08);
	color: var(--q-accent);
	font-weight: 750;
}

/* Membership account: saved quiz history */
.bgwq-account-saved {
	width: 100%;
	margin: 24px 0 0;
	padding: clamp(26px, 3vw, 36px);
	border: 1px solid rgba(26, 23, 20, 0.13);
	border-radius: var(--q-radius);
	background: var(--q-surface);
	box-shadow: none;
}

.bgwq-saved-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--q-line);
}

.bgwq-saved-kicker {
	display: block;
	margin-bottom: 7px;
	color: var(--q-accent);
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.bgwq-saved-head h2 {
	margin: 0;
	font: 600 clamp(1.65rem, 2.5vw, 2.2rem)/1.12 var(--display, Fraunces, Georgia, serif);
}

.bgwq-saved-head > strong {
	flex: 0 0 auto;
	padding: 7px 10px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-button-radius);
	color: var(--q-text-2);
	font-size: 11px;
}

.bgwq-saved-intro {
	max-width: 760px;
	margin: 18px 0 22px;
	color: var(--q-text-2);
	font-size: 13px;
	line-height: 1.65;
}

.bgwq-saved-notice {
	margin: 0 0 18px;
	padding: 12px 14px;
	border: 1px solid rgba(155, 47, 44, 0.28);
	border-radius: var(--q-control-radius);
	background: rgba(155, 47, 44, 0.06);
	color: var(--q-text-2);
	font-size: 13px;
}

.bgwq-saved-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.bgwq-saved-item {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr) auto;
	align-items: center;
	gap: 20px;
	padding: 18px;
	border: 1px solid var(--q-line);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.2);
}

.bgwq-saved-score {
	display: flex;
	height: 68px;
	align-items: baseline;
	justify-content: center;
	padding-top: 17px;
	border: 1px solid var(--q-line);
	border-radius: 10px;
	background: rgba(26, 23, 20, 0.035);
}

.bgwq-saved-score strong {
	font: 650 1.8rem/1 var(--display, Fraunces, Georgia, serif);
}

.bgwq-saved-score span {
	margin-left: 2px;
	color: var(--q-muted);
	font-size: 10px;
	font-weight: 700;
}

.bgwq-saved-copy > span {
	display: block;
	margin-bottom: 4px;
	color: var(--q-accent);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.bgwq-saved-copy h3 {
	margin: 0 0 5px;
	font: 600 1.15rem/1.2 var(--display, Fraunces, Georgia, serif);
}

.bgwq-saved-copy time {
	color: var(--q-muted);
	font-size: 11.5px;
}

.bgwq-saved-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 9px;
}

.bgwq-saved-open,
.bgwq-saved-delete > summary,
.bgwq-saved-delete button,
.bgwq-saved-empty a {
	display: inline-flex;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	padding: 9px 14px;
	border-radius: var(--q-button-radius);
	font-size: 12px;
	font-weight: 750;
	line-height: 1.2;
	text-decoration: none;
}

.bgwq-saved-open,
.bgwq-saved-empty a {
	border: 1px solid var(--q-accent);
	background: var(--q-accent);
	color: #fff;
}

.bgwq-saved-open:hover,
.bgwq-saved-empty a:hover {
	border-color: var(--q-accent-hover);
	background: var(--q-accent-hover);
	color: #fff;
}

.bgwq-saved-delete {
	position: relative;
}

.bgwq-saved-delete > summary {
	border: 1px solid var(--q-line);
	background: transparent;
	color: var(--q-text-2);
	cursor: pointer;
	list-style: none;
}

.bgwq-saved-delete > summary::-webkit-details-marker {
	display: none;
}

.bgwq-saved-delete form {
	position: absolute;
	z-index: 4;
	top: calc(100% + 7px);
	right: 0;
	width: 175px;
	padding: 8px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-control-radius);
	background: var(--q-surface);
}

.bgwq-saved-delete button {
	width: 100%;
	border: 1px solid var(--q-accent);
	background: transparent;
	color: var(--q-accent);
	cursor: pointer;
}

.bgwq-saved-delete button:hover {
	background: var(--q-accent);
	color: #fff;
}

.bgwq-saved-empty {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 20px;
	border: 1px dashed rgba(26, 23, 20, 0.22);
	border-radius: 12px;
}

.bgwq-saved-empty strong {
	font-size: 14px;
}

.bgwq-saved-empty span {
	flex: 1 1 auto;
	color: var(--q-text-2);
	font-size: 12.5px;
	line-height: 1.5;
}

.bgwq-saved-empty a {
	flex: 0 0 auto;
}

/* Tablet */
@media (max-width: 920px) {
	.bgwq-root {
		width: calc(100% - 40px);
	}

	.bgwq-intro-hero,
	.bgwq-route-panel,
	.bgwq-self-context,
	.bgwq-intro-main,
	.bgwq-intro-info {
		grid-template-columns: 1fr;
	}

	.bgwq-route-intro {
		border-right: 0;
		border-bottom: 1px solid var(--q-line);
	}

	.bgwq-self-context-head {
		border-right: 0;
		border-bottom: 1px solid var(--q-line);
	}

	.bgwq-intro-content {
		grid-row: 1;
	}

	.bgwq-intro-preview {
		grid-row: 2;
		border-top: 1px solid rgba(255, 255, 255, 0.11);
		border-left: 0;
	}

	.bgwq-area-map,
	.bgwq-intro-info-head {
		border-right: 0;
		border-bottom: 1px solid var(--q-line);
	}

	.bgwq-start-panel {
		grid-template-columns: 1fr;
	}

	.bgwq-intro-actions {
		justify-content: flex-start;
	}

	.bgwq-saved-item {
		grid-template-columns: 74px minmax(0, 1fr);
	}

	.bgwq-saved-actions {
		grid-column: 2;
		justify-content: flex-start;
	}

	.bgwq-scale {
		grid-template-columns: 1fr;
	}

	.bgwq-scale-btn {
		min-height: 58px;
		flex-direction: row;
		justify-content: flex-start;
		padding: 12px 14px;
		text-align: left;
	}

	.bgwq-answer-label {
		font-size: 13px;
	}

	.bgwq-dims {
		grid-template-columns: 1fr;
	}

	.bgwq-share-panel {
		align-items: flex-start;
		flex-direction: column;
	}

	.bgwq-share-choices {
		min-width: 0;
		justify-content: flex-start;
	}

	.bgwq-profile-row {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.bgwq-profile-axis {
		padding-left: 0;
	}

	.bgwq-profile-read {
		grid-row: 2;
	}

	.bgwq-profile-track {
		grid-row: 3;
	}
}

/* Mobile */
@media (max-width: 560px) {
	.bgwq-root {
		width: calc(100% - 32px);
		padding: 28px 0 64px;
		--q-card-gap: 16px;
		--q-content-pad: 24px 20px;
	}

	.bgwq-intro-content {
		padding: 34px 22px 36px;
	}

	.bgwq-h2 {
		font-size: clamp(2.75rem, 13vw, 3.45rem);
	}

	.bgwq-lede {
		font-size: 0.94rem;
	}

	.bgwq-meta-row {
		align-items: stretch;
		flex-direction: column;
	}

	.bgwq-meta-chip {
		width: 100%;
	}

	.bgwq-preview-head {
		padding: 27px 22px 19px;
	}

	.bgwq-preview-head h3 {
		font-size: 1.6rem;
	}

	.bgwq-preview-head p {
		margin-top: 11px;
		line-height: 1.55;
	}

	.bgwq-preview-rows {
		padding: 10px 22px 12px;
	}

	.bgwq-preview-score {
		margin: 15px 22px 3px;
	}

	.bgwq-preview-row {
		padding: 7px 0;
	}

	.bgwq-preview-label {
		margin-bottom: 6px;
	}

	.bgwq-preview-note {
		padding: 17px 22px 19px;
	}

	.bgwq-preview-note strong {
		font-size: 1.08rem;
	}

	.bgwq-area-map,
	.bgwq-route-intro,
	.bgwq-route-chooser,
	.bgwq-self-context-head,
	.bgwq-self-context-fields,
	.bgwq-intro-context,
	.bgwq-intro-info-head,
	.bgwq-intro-details,
	.bgwq-start-panel {
		padding-right: 22px;
		padding-left: 22px;
	}

	.bgwq-route-choices {
		grid-template-columns: 1fr 1fr;
	}

	.bgwq-self-context-fields {
		grid-template-columns: 1fr;
	}

	.bgwq-area-map-grid,
	.bgwq-intro-details {
		grid-template-columns: 1fr;
	}

	.bgwq-area-map-item:nth-child(2),
	.bgwq-intro-detail:nth-child(2) {
		border-top: 1px solid var(--q-line);
	}

	.bgwq-intro-actions,
	.bgwq-start-panel .bgw-btn {
		width: 100%;
	}

	.bgwq-account-note {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.bgwq-account-note p {
		text-align: left;
	}

	.bgwq-save-status {
		align-items: flex-start;
	}

	.bgwq-account-saved {
		padding: 22px 18px;
	}

	.bgwq-saved-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.bgwq-saved-item {
		grid-template-columns: 1fr;
		gap: 13px;
	}

	.bgwq-saved-score {
		width: 84px;
	}

	.bgwq-saved-actions {
		grid-column: 1;
		align-items: stretch;
		flex-direction: column;
	}

	.bgwq-saved-open,
	.bgwq-saved-delete > summary {
		width: 100%;
	}

	.bgwq-saved-delete form {
		position: static;
		width: 100%;
		margin-top: 7px;
	}

	.bgwq-saved-empty {
		align-items: flex-start;
		flex-direction: column;
	}

	.bgwq-quiz {
		padding: 24px 20px 22px;
	}

	.bgwq-q-top {
		align-items: flex-start;
		margin: 20px 0 24px;
	}

	.bgwq-progress-ring {
		width: 58px;
		height: 58px;
		flex-basis: 58px;
	}

	.bgwq-progress-ring strong {
		font-size: 20px;
	}

	.bgwq-question {
		margin-bottom: 22px;
		font-size: 1.65rem;
	}

	.bgwq-admin-question-guide,
	.bgwq-admin-question-targets {
		grid-template-columns: 1fr;
	}

	.bgwq-admin-question-guide {
		gap: 12px;
		margin-top: -5px;
		padding: 14px;
	}

	.bgwq-key-hint {
		display: none;
	}

	.bgwq-transition,
	.bgwq-loading,
	.bgwq-error {
		min-height: 320px;
		padding: 40px 22px;
	}

	.bgwq-report-hero {
		padding: 34px 24px;
	}

	.bgwq-overall-result {
		align-items: flex-start;
		flex-direction: column;
		gap: 15px;
		padding: 18px;
	}

	.bgwq-overall-copy {
		gap: 5px;
		padding: 14px 0 0;
		border-top: 1px solid rgba(248, 241, 231, 0.2);
		border-left: 0;
	}

	.bgwq-report-hero h2 {
		font-size: clamp(2.25rem, 11vw, 3rem);
	}

	.bgwq-standout,
	.bgwq-section-head-cards,
	.bgwq-dim-card {
		padding: 24px 20px;
	}

	.bgwq-standout {
		align-items: flex-start;
	}

	.bgwq-gate-form {
		flex-direction: column;
	}

	.bgwq-gate-form .bgw-btn {
		width: 100%;
	}

	.bgwq-share-modal {
		padding: 25px 18px 20px;
	}
}

/* Cascade-final v2.5.1 contrast correction for dark hub heroes. */
body .bgwq-hub-root .bgwq-hub-hero-actions .bgw-btn-secondary {
	border-color: rgba(248,241,231,.42);
	background: transparent;
	color: #fff;
}

body .bgwq-hub-root .bgwq-hub-hero-actions .bgw-btn-secondary:hover {
	border-color: #fff;
	background: rgba(255,255,255,.08);
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.bgwq-progress-fill,
	.bgwq-scale-btn,
	.bgwq-profile-fill,
	.bgwq-bar-fill,
	.bgwq-root .bgw-btn {
		transition: none !important;
	}

	.bgwq-loading-orb {
		animation: none !important;
	}
}

@media (max-width: 720px) {
	.bgwq-ai-review {
		padding: 24px 20px;
	}

	.bgwq-ai-review-head {
		flex-direction: column;
	}

	.bgwq-ai-signal-grid,
	.bgwq-ai-action-grid,
	.bgwq-ai-area-grid {
		grid-template-columns: 1fr;
	}

	.bgwq-ai-badge {
		white-space: normal;
	}
}

/* v2.5.18: one six-area report. AI wording is embedded in the original
 * behavior cards instead of rendered as a second, duplicate report. */
.bgwq-print-header {
	display: none;
}

.bgwq-area-report {
	display: grid;
	gap: 18px;
}

.bgwq-area-report .bgwq-section-head-cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px 32px;
}

.bgwq-area-report-title {
	min-width: 0;
	text-align: left;
}

.bgwq-area-report-title h3 {
	margin: 5px 0 0;
}

.bgwq-area-report .bgwq-area-report-title p {
	margin: 0;
	color: var(--q-text-2);
	font-size: 13.5px;
	line-height: 1.55;
}

.bgwq-ai-inline-status,
.bgwq-ai-badge {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	gap: 9px;
	margin: 0;
	padding: 10px 14px;
	border: 1px solid var(--q-line);
	border-radius: var(--q-control-radius);
	background: var(--q-surface);
	color: var(--q-muted);
	font-size: 11px;
	font-weight: 750;
	line-height: 1.4;
}

.bgwq-ai-badge strong,
.bgwq-ai-badge small {
	display: block;
}

.bgwq-ai-badge strong {
	color: var(--q-accent);
	font-size: 11px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.bgwq-ai-badge small {
	font-size: 10.5px;
	font-weight: 650;
}

.bgwq-ai-inline-status i {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--q-accent);
	animation: bgwq-ai-dot 1s ease-in-out infinite alternate;
}

@keyframes bgwq-ai-dot {
	from { opacity: .3; transform: scale(.72); }
	to { opacity: 1; transform: scale(1); }
}

.bgwq-dim-head > div {
	min-width: 0;
	flex: 1 1 auto;
}

.bgwq-dim-score {
	margin-left: auto;
	color: var(--q-accent);
	font: 700 1.35rem/1 var(--display, Fraunces, Georgia, serif);
	white-space: nowrap;
}

.bgwq-dim-score span {
	font-size: 10px;
}

.bgwq-ai-card-group {
	margin: 2px 0 16px;
	padding: 16px;
	border: 1px solid color-mix(in srgb, var(--q-accent) 28%, var(--q-line));
	border-radius: var(--q-control-radius);
	background: color-mix(in srgb, var(--q-accent) 4%, var(--q-surface));
}

.bgwq-ai-card-label {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--q-line);
}

.bgwq-ai-card-label span {
	color: var(--q-accent);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.bgwq-ai-card-label small {
	color: var(--q-muted);
	font-size: 10px;
	font-weight: 650;
}

.bgwq-ai-card-reading,
.bgwq-ai-card-evidence,
.bgwq-ai-card-action {
	padding: 15px 0;
	border-top: 1px solid var(--q-line);
}

.bgwq-ai-card-reading {
	padding-top: 0;
	border-top: 0;
}

.bgwq-ai-card-action {
	margin-bottom: 2px;
	padding: 14px;
	border: 1px solid color-mix(in srgb, var(--q-accent) 30%, var(--q-line));
	border-radius: var(--q-control-radius);
	background: color-mix(in srgb, var(--q-accent) 6%, var(--q-surface));
}

.bgwq-ai-card-reading strong,
.bgwq-ai-card-evidence strong,
.bgwq-ai-card-action strong {
	display: block;
	margin-bottom: 6px;
	color: var(--q-muted);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.bgwq-ai-card-reading p,
.bgwq-ai-card-evidence p,
.bgwq-ai-card-action p {
	margin: 0;
	color: var(--q-text-2);
	font-size: 13.25px;
	line-height: 1.62;
}

.bgwq-ai-card-reading p {
	color: var(--q-text);
	font-size: 14px;
	font-weight: 600;
}

.bgwq-area-report .bgwq-ai-disclosure {
	margin: 0;
	padding: 0 18px;
	text-align: left;
}

.bgwq-share-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
	align-items: center;
	gap: 28px 44px;
}

.bgwq-share-copy,
.bgwq-share-actions {
	min-width: 0;
}

.bgwq-share-panel .bgwq-share-copy p {
	max-width: 620px;
}

.bgwq-share-actions {
	display: grid;
	gap: 11px;
}

.bgwq-share-choices {
	display: grid;
	min-width: 0;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
}

.bgwq-share-choices .bgw-btn-primary {
	grid-column: 1 / -1;
}

.bgwq-share-choices .bgw-btn {
	width: 100%;
	justify-content: center;
}

.bgwq-pdf-help {
	margin: 0;
}

.bgwq-email-pdf-panel[hidden] {
	display: none !important;
}

.bgwq-email-pdf-panel {
	display: grid;
	gap: 10px;
	padding: 15px;
	border: 1px solid color-mix(in srgb, var(--q-accent) 32%, var(--q-line));
	border-radius: var(--q-control-radius);
	background: rgba(255, 255, 255, .30);
}

.bgwq-email-pdf-panel > p:first-child {
	max-width: none;
	margin: 0;
	color: var(--q-text-2);
	font-size: 13px;
}

.bgwq-email-pdf-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	overflow: hidden;
	border: 1px solid var(--q-line);
	border-radius: var(--q-button-radius);
	background: #f8f4ec;
}

.bgwq-email-pdf-row input {
	min-width: 0;
	height: 44px;
	padding: 0 14px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--q-text);
	font: 400 14px/1.2 var(--body, Inter, sans-serif);
}

.bgwq-email-pdf-row input:focus {
	box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--q-accent) 48%, transparent);
}

.bgwq-email-pdf-send {
	display: inline-flex;
	min-width: 124px;
	height: 44px;
	align-items: center;
	justify-content: center;
	padding: 0 22px;
	border: 0;
	border-radius: 0;
	background: var(--q-dark);
	color: #fff;
	font: 700 13px/1 var(--body, Inter, sans-serif);
	cursor: pointer;
}

.bgwq-email-pdf-send:hover,
.bgwq-email-pdf-send:focus-visible {
	background: var(--q-accent);
}

.bgwq-email-pdf-send:disabled {
	cursor: wait;
	opacity: .65;
}

.bgwq-email-pdf-options {
	display: flex;
	justify-content: flex-end;
}

.bgwq-email-pdf-options button {
	padding: 0;
	border: 0;
	background: none;
	color: var(--q-accent);
	font: 700 12px/1.3 var(--body, Inter, sans-serif);
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bgwq-email-pdf-status {
	min-height: 18px;
	max-width: none !important;
	margin: 0 !important;
	font-size: 12px !important;
	font-weight: 700;
}

.bgwq-email-pdf-status.is-success { color: var(--q-palette-brown); }
.bgwq-email-pdf-status.is-error { color: var(--q-accent); }
.bgwq-email-pdf-status.is-sending { color: var(--q-muted); }

@media (max-width: 720px) {
	.bgwq-area-report .bgwq-section-head-cards,
	.bgwq-share-panel {
		grid-template-columns: 1fr;
	}

	.bgwq-ai-badge {
		justify-self: start;
	}

	.bgwq-ai-card-label {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.bgwq-dim-head {
		align-items: flex-start;
	}

	.bgwq-dim-score {
		font-size: 1.15rem;
	}

	.bgwq-share-choices {
		width: 100%;
	}

	.bgwq-email-pdf-row {
		grid-template-columns: 1fr;
		overflow: visible;
		border: 0;
		background: transparent;
		gap: 8px;
	}

	.bgwq-email-pdf-row input {
		border: 1px solid var(--q-line);
		border-radius: var(--q-button-radius);
		background: #f8f4ec;
	}

	.bgwq-email-pdf-send {
		width: 100%;
		border-radius: var(--q-button-radius);
	}
}

@page {
	size: Letter;
	margin: .48in .5in .56in;
}

@media print {
	html,
	body {
		background: #fff !important;
	}

	body.bgwq-quiz-page #wpadminbar,
	body.bgwq-quiz-page #brx-header,
	body.bgwq-quiz-page #brx-footer,
	body.bgwq-quiz-page .bgwq-save-status,
	body.bgwq-quiz-page .bgwq-share-panel,
	body.bgwq-quiz-page .bgwq-result-continue,
	body.bgwq-quiz-page .bgwq-method,
	body.bgwq-quiz-page .bgwq-promotion,
	body.bgwq-quiz-page .bgwq-retake,
	body.bgwq-quiz-page .bgwq-share-overlay,
	body.bgwq-quiz-page [data-help-button] {
		display: none !important;
	}

	body.bgwq-quiz-page #brx-content,
	.bgwq-root,
	.bgwq-report {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
	}

	.bgwq-report,
	.bgwq-report * {
		box-sizing: border-box;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.bgwq-print-header {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: end;
		gap: 4px 20px;
		margin: 0 0 .2in;
		padding: 0 0 .12in;
		border-bottom: 2px solid #9b2f2c;
		color: #211714;
	}

	.bgwq-print-header span {
		font: 700 10pt/1.2 Georgia, serif;
		letter-spacing: .14em;
		text-transform: uppercase;
	}

	.bgwq-print-header strong {
		grid-row: span 2;
		font: 700 17pt/1.1 Georgia, serif;
	}

	.bgwq-print-header small {
		font: 400 7.5pt/1.2 Arial, sans-serif;
	}

	.bgwq-report > * {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.bgwq-report-hero,
	.bgwq-score-continuum,
	.bgwq-profile-card,
	.bgwq-standout,
	.bgwq-next-step {
		break-inside: avoid;
		margin-bottom: .18in !important;
	}

	.bgwq-report-hero {
		padding: .28in !important;
	}

	.bgwq-report-hero h2 {
		font-size: 23pt !important;
	}

	.bgwq-profile-card,
	.bgwq-score-continuum,
	.bgwq-standout,
	.bgwq-next-step,
	.bgwq-area-report .bgwq-section-head-cards,
	.bgwq-dim-card {
		border: 1px solid #d9cec2 !important;
		border-radius: 10px !important;
		box-shadow: none !important;
	}

	.bgwq-profile-card,
	.bgwq-score-continuum,
	.bgwq-standout,
	.bgwq-next-step,
	.bgwq-area-report .bgwq-section-head-cards {
		padding: .2in !important;
	}

	.bgwq-area-report {
		gap: .14in;
	}

	.bgwq-area-report .bgwq-section-head-cards {
		break-after: avoid;
	}

	.bgwq-ai-inline-status,
	.bgwq-ai-badge {
		min-height: 0;
		padding: 4px 8px;
		font-size: 7.5pt;
	}

	.bgwq-dims {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: .14in !important;
	}

	.bgwq-dim-card {
		break-inside: avoid;
		padding: .18in !important;
	}

	.bgwq-dim-head h3 {
		font-size: 12pt !important;
	}

	.bgwq-dim-ic {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
	}

	.bgwq-dim-icon {
		width: 19px;
		height: 19px;
	}

	.bgwq-card-marker {
		margin: 11px 0 10px;
	}

	.bgwq-ai-card-reading,
	.bgwq-ai-card-evidence,
	.bgwq-ai-card-action,
	.bgwq-alt,
	.bgwq-reflect {
		padding-top: 8px;
	}

	.bgwq-ai-card-action {
		padding: 9px;
	}

	.bgwq-ai-card-reading p,
	.bgwq-ai-card-evidence p,
	.bgwq-ai-card-action p,
	.bgwq-alt p,
	.bgwq-reflect p,
	.bgwq-dim-read,
	.bgwq-dim-desc {
		font-size: 8.3pt !important;
		line-height: 1.42 !important;
	}

	.bgwq-area-report .bgwq-ai-disclosure {
		font-size: 7pt;
	}
}

/* Cascade-final v2.4 layout overrides. */
.bgwq-intro-hero {
	grid-template-columns: minmax(0, 1.14fr) minmax(360px, 0.86fr);
	min-height: 610px;
}
.bgwq-intro-content { padding: clamp(44px, 5vw, 70px); }
@media (max-width: 920px) {
	.bgwq-intro-hero { grid-template-columns: 1fr; min-height: 0; }
	.bgwq-phone-stage { border-top: 1px solid rgba(255,255,255,.12); border-left: 0; border-radius: 0; }
	.bgwq-phone { width: 290px; }
	.bgwq-profile-visuals { grid-template-columns: 1fr; }
	.bgwq-radar-wrap { min-height: 230px; }
}
@media (max-width: 700px) {
	.bgwq-how-grid,
	.bgwq-member-gate-grid { grid-template-columns: 1fr; }
	.bgwq-member-gate-grid > div { min-height: 0; }
	.bgwq-continuum-head { align-items: flex-start; }
	.bgwq-promotion { align-items: flex-start; flex-direction: column; }
	.bgwq-promotion .bgw-btn { width: 100%; }
}

/* Cascade-final v2.5.21: make the hero explain the journey instead of leaving
 * the editorial panel visually empty beside the phone preview. */
.bgwq-intro-content {
	justify-content: flex-start;
}

.bgwq-intro-content > .bgwq-kicker {
	margin-top: auto;
}

.bgwq-intro-content > .bgwq-how-hero {
	margin-top: 34px;
	margin-bottom: auto;
	padding: 0;
	border: 1px solid var(--q-line);
	border-radius: 14px;
	background: rgba(255, 255, 255, .28);
	overflow: hidden;
}

.bgwq-how-hero .bgwq-section-head {
	margin: 0;
	padding: 18px 20px 16px;
	border-bottom: 1px solid var(--q-line);
}

.bgwq-how-hero .bgwq-how-eyebrow {
	display: block;
	margin-bottom: 5px;
	color: var(--q-accent);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.bgwq-how-hero .bgwq-section-head h3 {
	margin: 0;
	font: 600 clamp(1.2rem, 1.8vw, 1.5rem)/1.18 var(--display, Fraunces, Georgia, serif);
	letter-spacing: -.02em;
}

.bgwq-how-hero .bgwq-how-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}

.bgwq-how-hero .bgwq-how-grid > div {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 13px;
	align-items: center;
	min-height: 76px;
	padding: 14px 20px;
	border-top: 1px solid var(--q-line);
	background: transparent;
}

.bgwq-how-hero .bgwq-how-grid > div:first-child {
	border-top: 0;
}

.bgwq-how-hero .bgwq-how-grid b {
	display: grid;
	width: 34px;
	height: 34px;
	margin: 0;
	place-items: center;
	border: 1px solid var(--q-line);
	border-radius: 50%;
	background: var(--q-dark);
	color: var(--q-dark-text);
	font-size: 11px;
	font-weight: 750;
}

.bgwq-how-hero .bgwq-how-grid strong {
	display: block;
	margin: 0;
	color: var(--q-text);
	font-size: 13px;
	font-weight: 750;
	line-height: 1.3;
}

.bgwq-how-hero .bgwq-how-grid p {
	margin: 4px 0 0;
	color: var(--q-muted);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.45;
}

@media (max-width: 920px) {
	.bgwq-intro-content > .bgwq-kicker,
	.bgwq-intro-content > .bgwq-how-hero {
		margin-top: 0;
	}

	.bgwq-intro-content > .bgwq-how-hero {
		margin-top: 28px;
		margin-bottom: 0;
	}
}

@media (max-width: 560px) {
	.bgwq-intro-content {
		padding: 34px 22px 36px;
	}

	.bgwq-how-hero .bgwq-section-head {
		padding: 17px 17px 14px;
	}

	.bgwq-how-hero .bgwq-how-grid > div {
		min-height: 0;
		padding: 13px 17px;
	}
}

/* Cascade-final v2.5.4: match the 1180px content blocks used by Home, Library, and Articles. */
body.bgwq-quiz-page #brx-content,
body.bgwq-hub-page #brx-content {
	width: 100%;
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
}

body.bgwq-quiz-page .bgwq-root,
body.bgwq-hub-page .bgwq-root {
	width: 100%;
	max-width: 1180px;
}

.bgwq-root .bgwq-lock-choice {
	width: 100%;
	max-width: none;
}

@media (max-width: 560px) {
	body.bgwq-quiz-page #brx-content,
	body.bgwq-hub-page #brx-content {
		width: 100%;
		max-width: none;
	}

	body.bgwq-quiz-page .bgwq-root,
	body.bgwq-hub-page .bgwq-root {
		width: calc(100% - 32px);
		max-width: none;
	}
}

/* Cascade-final v2.5.8: reserve an in-grid column for the two setup steps. */
.bgwq-step-shell {
	position: relative;
	width: 100%;
	padding-left: 76px;
}

.bgwq-step-shell > .bgwq-route-panel,
.bgwq-step-shell > .bgwq-start-panel {
	width: 100%;
}

.bgwq-step-marker {
	position: absolute;
	top: 50%;
	right: auto;
	left: 12px;
	z-index: 2;
	color: var(--q-accent);
	font-family: var(--sans, Inter, Arial, sans-serif);
	font-size: clamp(36px, 2.2vw, 46px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
	white-space: nowrap;
	transform: translateY(-50%) rotate(180deg);
	transform-origin: center;
	writing-mode: vertical-rl;
}

@media (max-width: 800px) {
	.bgwq-step-shell {
		padding-top: 40px;
		padding-left: 0;
	}

	.bgwq-step-marker {
		top: 0;
		right: auto;
		left: 0;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: .1em;
		transform: none;
		writing-mode: horizontal-tb;
	}
}