/*!
 * Banner Harvest -- Immersive Book Kit (host-scoped)
 * Source : custom.css  SHA-256 335af077e689a671d102ed604fcec6a01893e41f390f5fb7811acbf7f67cbfe5
 *          quiz.css    SHA-256 6db9d7e7e5c9992f99d3b929a51358372947ff54fd0cf2cc224d6b4b6cae008f (immersive-slot overrides only)
 * Built  : tools/build-book-kit.mjs  on 2026-10-10
 * DO NOT EDIT BY HAND -- regenerate with: node tools/build-book-kit.mjs
 *
 * Mechanical rescoping of the live immersive-book rules (html/body state -> .bhp-book host).
 * Host: <div class="bhp-book" data-bhp-state data-bhp-layout data-bhp-chapter> + optional
 *       .is-active .is-revealing .is-open .is-handoff-ready .is-handoff-turning
 * The embedding page must give .bhp-book an explicit width and height (container-type: size).
 * Keyframes are prefixed "bhp-" so the kit can coexist with custom.css.
 */

.bhp-book {
	container-type: size;
	position: relative;
}

.bhp-book {
	--dw-ink:        #2C2C2C;
	--dw-ivory:      #FBF6EB;
	--dw-paper-2:    #F0E7D2;
	--dw-sage:       #47624F;
	--dw-sage-deep:  #2F4536;
	--dw-gold:       #A98C4B;
	--dw-leather-1:  #4B3520;
	--dw-leather-2:  #2E1D0F;
	--dw-leather-3:  #1D1207;

	/* Approved V11 resting geometry. These remain stage-relative so the
	   locked resting state is unchanged even though the final journal is large. */
	--dw-rest-book-w:       34.46%;
	--dw-rest-book-left:    53.30%;
	--dw-rest-book-top:     41.56%;

	/* Final desktop folio footprint: Claude's large 1140px presentation size,
	   capped by the room canvas so background remains visible on all sides. */
	--dw-final-book-w:      min(1140px, 84%);
	--dw-final-book-h:      auto;
	--dw-final-book-ratio:  1140 / 620;
	--dw-final-book-left:   50%;
	--dw-final-book-top:    50%;

	/* The full-size rig begins over the resting book, then comes to life. */
	--dw-rig-start-x:       4.8%;
	--dw-rig-start-y:       36%;
	--dw-rig-start-scale:   .50;
	--dw-rig-mid-x:         3%;
	--dw-rig-mid-y:         20%;
	--dw-rig-mid-scale:     .67;
	--dw-rig-near-x:        .8%;
	--dw-rig-near-y:        4%;

	/* Modest shared-camera response. The magical scale change belongs to the
	   journal, not a giant room zoom. */
	--dw-book-x:            53.30%;
	--dw-book-y:            75%;
	--dw-zoom-scale:        1.04;

	/* Same-source continuity cover crop retained from V12. */
	--dw-cover-bg-size:     226%;
	--dw-cover-bg-x:        50%;
	--dw-cover-bg-y:        5%;

	--dw-t-glow:    6800ms;
	--dw-t-ack:      180ms;
	--dw-t-awaken:  1080ms;
	--dw-t-release:  780ms;
	--dw-t-push:    1080ms;
	--dw-t-push-d:     0ms;
	--dw-t-cover:    680ms;
	--dw-t-turn1:    560ms;
	--dw-t-turn2:    600ms;
	--dw-t-turn3:    660ms;
	--dw-t-land:     240ms;
	--dw-t-hold:    640ms;
	--dw-t-handoff-flat: 700ms;
	--dw-t-handoff-turn: 800ms;
	--dw-t-quiz:     620ms;

	--dw-e-push:  cubic-bezier(.32, .04, .18, 1);
	--dw-e-cover: cubic-bezier(.58, .02, .30, 1);
	--dw-e-leaf:  cubic-bezier(.46, .03, .25, 1);
	--dw-e-quiz:  cubic-bezier(.20, .84, .30, 1);
}

.bhp-book .bh-dw-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	place-items: center;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	background: #FAF7F2;
	isolation: isolate;
}

.bhp-book .bh-dw-stage {
	position: relative;
	z-index: 1;
	grid-column: 1;
	grid-row: 1;
	width: min(100%, 1672px);
	height: auto;
	aspect-ratio: 1672 / 941;
	overflow: hidden;
	background: #1A120A;
	isolation: isolate;
	container-type: inline-size;
}

.bhp-book .bh-dw-zoom {
	position: absolute;
	inset: 0;
	transform-origin: var(--dw-book-x) var(--dw-book-y);
	transform: scale(1);
	transition: transform var(--dw-t-push) var(--dw-e-push) var(--dw-t-push-d);
	will-change: transform;
}

.bhp-book.is-active .bh-dw-zoom {
	transform: scale(var(--dw-zoom-scale));
}

.bhp-book .bh-dw-room {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.bhp-book .bh-dw-room-media,
.bhp-book .bh-dw-room-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	background: #1A120A;
}

.bhp-book .bh-dw-room-glow {
	position: absolute;
	inset: 0;
	pointer-events: none;
	mix-blend-mode: screen;
	background:
		/* the shaft: a wide, soft-edged beam angled down-right from the
		   window, warm amber-gold rather than white */
		linear-gradient(118deg,
			rgba(255, 189, 108, 0.00)  0%,
			rgba(255, 189, 108, 0.34) 10%,
			rgba(255, 200, 128, 0.20) 24%,
			rgba(255, 200, 128, 0.00) 44%),
		/* the pool of light where the shaft lands */
		radial-gradient(ellipse 52% 64% at 8% 18%,
			rgba(255, 176, 92, 0.40) 0%,
			rgba(255, 188, 112, 0.16) 46%,
			transparent 78%),
		/* a second, gentler pool from the case lighting on the right,
		   kept warm rather than the previous neutral peach */
		radial-gradient(ellipse 30% 50% at 86% 46%,
			rgba(255, 186, 110, 0.18) 0%,
			transparent 72%);
	animation: bhp-bh-dw-glow-breathe var(--dw-t-glow) ease-in-out infinite;
}

.bhp-book .bh-dw-room-warmth {
	position: absolute;
	inset: 0;
	pointer-events: none;
	mix-blend-mode: multiply;
	background: linear-gradient(118deg,
		rgba(255, 232, 196, 0.90) 0%,
		rgba(255, 225, 185, 0.55) 30%,
		rgba(255, 232, 205, 0.78) 62%,
		rgba(255, 220, 180, 0.92) 100%);
	opacity: .40;
}

@keyframes bhp-bh-dw-glow-breathe {
	0%, 100% { opacity: .78; }
	50%      { opacity: 1;   }
}

.bhp-book .bh-dw-room-veil {
	position: absolute;
	inset: 0;
	pointer-events: none;
	/* Approved amber wall warmth. Shared across desktop, tablet, and mobile. */
	background: linear-gradient(
		90deg,
		rgba(210, 145, 61, .095) 0%,
		rgba(229, 174, 91, .065) 24%,
		rgba(244, 201, 132, .035) 39%,
		rgba(255, 221, 170, .012) 50%,
		rgba(255, 221, 170, 0) 61%
	);
	transition: opacity 900ms ease;
}

.bhp-book .bh-dw-room-vignette {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 92% 88% at 58% 52%,
			transparent 46%,
			rgba(26, 17, 8, 0.30) 100%);
	transition: opacity 900ms ease;
}

.bhp-book.is-active .bh-dw-room-veil    { opacity: 0; }

.bhp-book.is-active .bh-dw-room-vignette { opacity: 1.7; }

.bhp-book.is-active .bh-dw-room-glow     { opacity: .5; animation-play-state: paused; }

.bhp-book .bh-dw-intro {
	z-index: 6;
	grid-column: 1;
	grid-row: 1;
	position: relative;
	width: min(100%, 1672px);
	height: auto;
	aspect-ratio: 1672 / 941;
	pointer-events: none;
	color: var(--dw-ink);
	container-type: inline-size;
}

.bhp-book .bh-dw-intro-head,
.bhp-book .bh-dw-intro-tail {
	position: absolute;
	left: 10.73%;
	width: 36.12%;
	transition:
		opacity 480ms ease,
		transform 620ms var(--dw-e-push);
}

.bhp-book .bh-dw-intro-head {
	top: 3.05%;
	height: 20%;
}

.bhp-book .bh-dw-intro-tail {
	top: 22.65%;
}

.bhp-book h1.bh-dw-title {
	position: absolute;
	top: 5.44cqw;
	left: 6.73%;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 600;
	font-size: clamp(40px, 3.62cqw, 61px);
	line-height: 1.02;
	letter-spacing: -.022em;
	white-space: nowrap;
	color: #25221E;
}

.bhp-book .bh-dw-subtitle {
	position: relative;
	margin: 0 0 4% 6.73%;
	padding: 0;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 700;
	font-size: clamp(18px, 1.65cqw, 28px);
	line-height: 1.18;
	white-space: nowrap;
	color: #3E5D48;
}

.bhp-book .bh-dw-subtitle::before {
	content: none;
	display: none;
}

.bhp-book .bh-dw-copy {
	width: 76%;
	max-width: 44ch;
	margin: 0;
	padding: 0;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 600;
	font-size: clamp(17px, 1.50cqw, 25px);
	line-height: 1.48;
	letter-spacing: 0;
	text-wrap: pretty;
	color: #28241F;
}

.bhp-book .bh-dw-action {
	width: auto;
	margin: 28px 0 0 5.54%;
	padding: 0;
	pointer-events: auto;
}

.bhp-book a.bh-dw-begin {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 58px;
	padding: 16px 34px;
	border: 1px solid #B8A06A;
	border-radius: 5px;
	background: linear-gradient(145deg, #566C54 0%, #4D634C 58%, #455A45 100%);
	color: #F5F0C8;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .055em;
	text-decoration: none;
	cursor: pointer;
	text-shadow: none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.12),
		inset 0 -2px 5px rgba(28,26,23,.16),
		0 9px 20px rgba(49,70,51,.24);
	transition:
		background 260ms ease,
		color 260ms ease,
		transform 260ms var(--dw-e-cover),
		box-shadow 260ms ease;
}

.bhp-book a.bh-dw-begin::after {
	content: '\2192';
	color: currentColor;
	font-size: 16px;
	line-height: 1;
	transition: transform 260ms var(--dw-e-cover);
}

@media (hover: hover) {
	.bhp-book a.bh-dw-begin:hover {
		color: #1C1A17;
		background: linear-gradient(180deg, #F1E6CA 0%, #E5D2A4 100%);
		border-color: #9B7D42;
		transform: translateY(-2px);
		box-shadow: 0 14px 30px rgba(49,70,51,.28);
	}

	.bhp-book a.bh-dw-begin:hover::after {
		transform: translateX(4px);
	}
}

.bhp-book a.bh-dw-begin:focus-visible {
	outline: 3px solid var(--dw-sage-deep);
	outline-offset: 3px;
}

.bhp-book.is-active .bh-dw-intro-head,
.bhp-book.is-active .bh-dw-intro-tail {
	opacity: 0;
	transform: translateX(-26px);
	pointer-events: none;
}

.bhp-book .bh-dw-book {
	position: absolute;
	z-index: 8;
	inset: 0;
	width: 100%;
	height: 100%;
	transform: none;
	isolation: isolate;
	pointer-events: none;
}

.bhp-book .bh-dw-book-visual {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.bhp-book .bh-dw-resting-composite {
	position: absolute;
	z-index: 2;
	left: var(--dw-rest-book-left);
	top: var(--dw-rest-book-top);
	width: var(--dw-rest-book-w);
	height: auto;
	aspect-ratio: 1 / 1;
	transform: translateX(-50%);
	transform-origin: 50% 82%;
	pointer-events: none;
	opacity: 1;
	visibility: visible;
	will-change: transform, opacity, filter;
	transition: transform var(--dw-t-ack) var(--dw-e-cover), filter 260ms ease;
}

.bhp-book .bh-dw-resting-composite img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	animation: bhp-bh-dw-resting-book-beacon-v121 var(--dw-t-glow) ease-in-out infinite;
}

@keyframes bhp-bh-dw-resting-book-beacon-v121 {
	0%, 100% {
		filter:
			drop-shadow(0 0 13px rgba(234, 192, 94, .50))
			drop-shadow(0 0 36px rgba(213, 150, 42, .29))
			drop-shadow(0 24px 38px rgba(18, 10, 3, .52));
	}
	50% {
		filter:
			drop-shadow(0 0 22px rgba(247, 213, 132, .76))
			drop-shadow(0 0 56px rgba(222, 162, 53, .49))
			drop-shadow(0 27px 42px rgba(18, 10, 3, .58));
	}
}

.bhp-book .bh-dw-book-trigger {
	position: absolute;
	z-index: 90;
	left: var(--dw-rest-book-left);
	top: var(--dw-rest-book-top);
	width: var(--dw-rest-book-w);
	height: auto;
	aspect-ratio: 1 / 1;
	transform: translateX(-50%);
	display: block;
	border-radius: 18px;
	cursor: pointer;
	text-decoration: none;
	pointer-events: auto;
	-webkit-tap-highlight-color: transparent;
}

.bhp-book .bh-dw-book-trigger:focus-visible {
	outline: 3px solid #F5F0C8;
	outline-offset: 4px;
	box-shadow: 0 0 0 7px rgba(47, 69, 54, .94);
}

@media (hover: hover) {
	.bhp-book .bh-dw-book:hover .bh-dw-resting-composite,
	.bhp-book .bh-dw-book:focus-within .bh-dw-resting-composite {
		transform: translateX(-50%) translateY(-2px) scale(1.006);
	}
}

.bhp-book.is-active .bh-dw-book-trigger {
	pointer-events: none;
}

.bhp-book[data-bhp-state="acknowledging"] .bh-dw-resting-composite {
	transform: translateX(-50%) translateY(3px) scale(.992);
}

@keyframes bhp-bh-dw-resting-release-v121 {
	0%   { opacity: 1; transform: translateX(-50%) translateY(3px) scale(.992); filter: brightness(1); }
	18%  { opacity: 1; transform: translateX(-50%) translateY(-7px) scale(1.025); filter: brightness(1.08); }
	42%  { opacity: .52; transform: translateX(-50%) translateY(-22px) scale(1.08) rotateZ(-.7deg); filter: brightness(1.18); }
	72%  { opacity: .08; transform: translateX(-50%) translateY(-30px) scale(1.13) rotateZ(.35deg); filter: brightness(1.22) blur(.5px); }
	100% { opacity: 0; transform: translateX(-50%) translateY(-34px) scale(1.16); filter: brightness(1.15) blur(1px); }
}

.bhp-book[data-bhp-state="awakening"] .bh-dw-resting-composite {
	animation: bhp-bh-dw-resting-release-v121 var(--dw-t-release) cubic-bezier(.25,.65,.25,1) both;
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-resting-composite,
.bhp-book[data-bhp-state="turn-1"] .bh-dw-resting-composite,
.bhp-book[data-bhp-state="turn-2"] .bh-dw-resting-composite,
.bhp-book[data-bhp-state="turn-3"] .bh-dw-resting-composite,
.bhp-book[data-bhp-state="landed"] .bh-dw-resting-composite,
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-resting-composite,
.bhp-book[data-bhp-state="open"] .bh-dw-resting-composite {
	opacity: 0;
	visibility: hidden;
}

.bhp-book .bh-dw-book-rig {
	position: absolute;
	z-index: 5;
	left: var(--dw-final-book-left);
	top: var(--dw-final-book-top);
	width: var(--dw-final-book-w);
	height: var(--dw-final-book-h);
	aspect-ratio: var(--dw-final-book-ratio);
	transform:
		translate(-50%, -50%)
		translate(var(--dw-rig-start-x), var(--dw-rig-start-y))
		scale(var(--dw-rig-start-scale))
		rotateX(7deg)
		rotateY(-10deg)
		rotateZ(-1.8deg);
	transform-origin: 50% 72%;
	opacity: 0;
	visibility: hidden;
	perspective: 1800px;
	perspective-origin: 50% 42%;
	transform-style: preserve-3d;
	will-change: transform, opacity, filter;
}

.bhp-book .bh-dw-book-rig::before {
	content: '';
	position: absolute;
	z-index: -3;
	inset: -13% -10%;
	border-radius: 42%;
	pointer-events: none;
	opacity: 0;
	background:
		radial-gradient(ellipse at 50% 58%, rgba(244, 214, 145, .48) 0%, rgba(210, 158, 67, .22) 38%, transparent 72%),
		radial-gradient(ellipse at 50% 58%, rgba(71, 98, 79, .24) 0%, transparent 68%);
	filter: blur(14px);
}

@keyframes bhp-bh-dw-book-awaken-v121 {
	0% {
		opacity: 0;
		filter: brightness(1.06) blur(1px);
		transform:
			translate(-50%, -50%)
			translate(var(--dw-rig-start-x), var(--dw-rig-start-y))
			scale(var(--dw-rig-start-scale))
			rotateX(8deg) rotateY(-11deg) rotateZ(-2deg);
	}
	14% { opacity: .24; }
	34% {
		opacity: .86;
		filter: brightness(1.18) blur(0);
		transform:
			translate(-50%, -50%)
			translate(var(--dw-rig-mid-x), var(--dw-rig-mid-y))
			scale(var(--dw-rig-mid-scale))
			rotateX(-2deg) rotateY(12deg) rotateZ(1.2deg);
	}
	64% {
		opacity: 1;
		filter: brightness(1.08);
		transform:
			translate(-50%, -50%)
			translate(var(--dw-rig-near-x), var(--dw-rig-near-y))
			scale(1.035)
			rotateX(-1.4deg) rotateY(-2.4deg) rotateZ(-.35deg);
	}
	82% {
		transform:
			translate(-50%, -50%)
			translate(0, -5px)
			scale(.993)
			rotateX(.5deg) rotateY(.8deg) rotateZ(.12deg);
	}
	100% {
		opacity: 1;
		filter: brightness(1);
		transform: translate(-50%, -50%) scale(1) rotateX(0) rotateY(0) rotateZ(0);
	}
}

@keyframes bhp-bh-dw-book-aura-v121 {
	0%, 100% { opacity: 0; transform: scale(.72); }
	24%      { opacity: .70; transform: scale(.86); }
	58%      { opacity: .92; transform: scale(1.04); }
	82%      { opacity: .24; transform: scale(.98); }
}

.bhp-book[data-bhp-state="awakening"] .bh-dw-book-rig {
	visibility: visible;
	animation: bhp-bh-dw-book-awaken-v121 var(--dw-t-awaken) cubic-bezier(.22,.68,.20,1) both;
}

.bhp-book[data-bhp-state="awakening"] .bh-dw-book-rig::before {
	animation: bhp-bh-dw-book-aura-v121 var(--dw-t-awaken) ease-in-out both;
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-book-rig,
.bhp-book[data-bhp-state="turn-1"] .bh-dw-book-rig,
.bhp-book[data-bhp-state="turn-2"] .bh-dw-book-rig,
.bhp-book[data-bhp-state="turn-3"] .bh-dw-book-rig,
.bhp-book[data-bhp-state="landed"] .bh-dw-book-rig,
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-book-rig,
.bhp-book[data-bhp-state="open"] .bh-dw-book-rig {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1);
	filter: none;
}

.bhp-book .bh-dw-book-cast {
	position: absolute;
	z-index: -1;
	left: 8%;
	right: 8%;
	bottom: -10%;
	height: 22%;
	border-radius: 50%;
	background: radial-gradient(ellipse at 50% 50%, rgba(16, 10, 4, .58) 0%, rgba(16, 10, 4, .26) 52%, transparent 78%);
	filter: blur(8px);
	opacity: .84;
}

.bhp-book .bh-dw-spread {
	position: absolute;
	inset: 0;
	transform-style: preserve-3d;
	isolation: isolate;
}

.bhp-book .bh-dw-spread::before {
	content: '';
	position: absolute;
	z-index: -2;
	inset: -3.5% -2.4%;
	border-radius: 8px;
	background: linear-gradient(180deg, #4A321C 0%, #2C1B0D 58%, #1D1207 100%);
	box-shadow:
		0 -12px 28px rgba(22, 13, 5, .28),
		0 20px 38px rgba(10, 6, 2, .48),
		inset 0 1px 0 rgba(255, 236, 203, .13);
}

.bhp-book .bh-dw-spread::after {
	content: '';
	position: absolute;
	z-index: 80;
	left: 50%;
	top: 1.5%;
	bottom: 1.5%;
	width: 7%;
	transform: translateX(-50%);
	pointer-events: none;
	background: linear-gradient(90deg, transparent 0%, rgba(65, 47, 24, .08) 22%, rgba(49, 34, 16, .30) 50%, rgba(65, 47, 24, .08) 78%, transparent 100%);
	mix-blend-mode: multiply;
}

.bhp-book .bh-dw-paper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	overflow: hidden;
	background:
		repeating-linear-gradient(105deg, rgba(120, 100, 60, .028) 0 1px, transparent 1px 5px),
		radial-gradient(ellipse 120% 100% at 50% 34%, #FBF6EB 52%, #F0E7D2 100%);
	box-shadow:
		inset 0 0 34px rgba(120, 94, 52, .15),
		inset 0 1px 0 rgba(255, 253, 246, .92);
}

.bhp-book .bh-dw-paper--left {
	left: 0;
	border-radius: 4px 0 0 4px;
}

.bhp-book .bh-dw-paper--right {
	right: 0;
	border-radius: 0 4px 4px 0;
}

.bhp-book .bh-dw-paper-art {
	position: absolute;
	inset: 5.5%;
	display: grid;
	place-items: center;
	backface-visibility: hidden;
}

.bhp-book .bh-dw-paper-art svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.bhp-book .bh-dw-paper-art--underlay {
	opacity: .55;
}

.bhp-book .bh-dw-illus-title,
.bhp-book .bh-dw-illus-sub {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 600;
}

.bhp-book .bh-dw-illus-title { letter-spacing: .12em; }

.bhp-book .bh-dw-illus-body { font-family: Georgia, serif; }

.bhp-book .bh-dw-ink-sage { fill: var(--dw-sage); }

.bhp-book .bh-dw-ink-gold { fill: var(--dw-gold); }

.bhp-book .bh-dw-ink-line { fill: none; stroke: var(--dw-gold); stroke-width: 1.5; }

.bhp-book .bh-dw-ink-line-sage { fill: none; stroke: var(--dw-sage); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.bhp-book .bh-dw-cover,
.bhp-book .bh-dw-leaf {
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: 100%;
	transform-origin: 0 50%;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	will-change: transform;
}

.bhp-book .bh-dw-cover { z-index: 50; }

.bhp-book .bh-dw-leaf[data-leaf="1"] { z-index: 43; }

.bhp-book .bh-dw-leaf[data-leaf="2"] { z-index: 42; }

.bhp-book .bh-dw-leaf[data-leaf="3"] { z-index: 41; }

.bhp-book .bh-dw-cover-flex,
.bhp-book .bh-dw-leaf-flex,
.bhp-book .bh-dw-leaf-curl {
	position: absolute;
	inset: 0;
	transform-style: preserve-3d;
	backface-visibility: hidden;
}

.bhp-book .bh-dw-cover-flex,
.bhp-book .bh-dw-leaf-flex { transform-origin: 0 50%; }

.bhp-book .bh-dw-leaf-curl { transform-origin: 100% 50%; }

.bhp-book .bh-dw-cover-front,
.bhp-book .bh-dw-cover-back,
.bhp-book .bh-dw-leaf-face {
	position: absolute;
	inset: 0;
	overflow: hidden;
	backface-visibility: hidden;
	border-radius: 2px 5px 5px 2px;
}

.bhp-book .bh-dw-cover-front {
	overflow: visible;
	background-image: none;
	box-shadow: none;
	border-radius: 0;
}

.bhp-book .bh-dw-cover-photo-plate {
	position: absolute;
	z-index: 3;
	left: -25%;
	top: -5%;
	width: 150%;
	max-width: none;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: contain;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	transform: translateZ(3px) rotateZ(0deg);
	transform-origin: 50% 52%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	filter: drop-shadow(0 14px 16px rgba(18, 10, 3, .26));
	opacity: 0;
	visibility: hidden;
	will-change: opacity, transform, filter;
}

.bhp-book .bh-dw-cover-front::after {
	content: '';
	position: absolute;
	z-index: 5;
	inset: 0;
	border-radius: 5px;
	background: linear-gradient(104deg, transparent 26%, rgba(255, 233, 190, .25) 48%, transparent 70%);
	opacity: 0;
	mix-blend-mode: soft-light;
}

.bhp-book .bh-dw-cover-back {
	transform: rotateY(180deg);
	background:
		linear-gradient(90deg, rgba(46, 29, 15, .64) 0 4%, transparent 13%),
		linear-gradient(160deg, #5A4025 0%, #352110 58%, #211307 100%);
	box-shadow: inset -8px 0 18px rgba(0, 0, 0, .25), inset 0 0 0 1px rgba(214, 178, 122, .12);
}

.bhp-book .bh-dw-leaf-face {
	background:
		repeating-linear-gradient(105deg, rgba(120, 100, 60, .028) 0 1px, transparent 1px 5px),
		radial-gradient(ellipse 120% 100% at 50% 34%, #FBF6EB 52%, #F0E7D2 100%);
	box-shadow: inset 0 0 30px rgba(120, 94, 52, .14), inset 0 1px 0 rgba(255, 253, 246, .92);
}

.bhp-book .bh-dw-leaf-face.is-back {
	transform: rotateY(180deg);
	border-radius: 5px 2px 2px 5px;
}

.bhp-book .bh-dw-leaf-face::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(104deg, transparent 18%, rgba(255, 255, 245, .42) 48%, transparent 75%);
	opacity: 0;
	mix-blend-mode: screen;
}

.bhp-book .bh-dw-leaf-cast {
	position: absolute;
	z-index: -1;
	left: -5%;
	top: 3%;
	bottom: 3%;
	width: 22%;
	background: linear-gradient(90deg, rgba(32, 22, 10, .38), rgba(32, 22, 10, 0));
	filter: blur(6px);
	opacity: 0;
	transform: translateX(0);
	pointer-events: none;
}

@keyframes bhp-bh-dw-cover-open-v12 {
	0%   { transform: rotateY(0deg) translateZ(1px); }
	42%  { transform: rotateY(-82deg) translateZ(12px); }
	72%  { transform: rotateY(-151deg) translateZ(7px); }
	100% { transform: rotateY(-176deg) translateZ(2px); }
}

@keyframes bhp-bh-dw-cover-flex-v12 {
	0%, 100% { transform: rotateY(0deg); }
	42%      { transform: rotateY(7deg); }
	68%      { transform: rotateY(3deg); }
}

@keyframes bhp-bh-dw-cover-sheen-v12 {
	0%, 18% { opacity: 0; transform: translateX(-70%); }
	52%     { opacity: .72; }
	82%,100%{ opacity: 0; transform: translateX(74%); }
}

@keyframes bhp-bh-dw-page-turn-v12 {
	0%   { transform: rotateY(0deg) translateZ(1px); }
	18%  { transform: rotateY(-24deg) translateZ(7px); }
	48%  { transform: rotateY(-91deg) translateZ(16px); }
	78%  { transform: rotateY(-157deg) translateZ(8px); }
	94%  { transform: rotateY(-181deg) translateZ(3px); }
	100% { transform: rotateY(-178deg) translateZ(2px); }
}

@keyframes bhp-bh-dw-page-flex-v12 {
	0%, 100% { transform: rotateY(0deg) skewY(0deg); }
	24%      { transform: rotateY(8deg) skewY(-.35deg); }
	50%      { transform: rotateY(19deg) skewY(-1.1deg); }
	76%      { transform: rotateY(8deg) skewY(-.35deg); }
}

@keyframes bhp-bh-dw-page-curl-v12 {
	0%, 100% { transform: rotateY(0deg) translateZ(0); }
	28%      { transform: rotateY(-5deg) translateZ(2px); }
	50%      { transform: rotateY(-16deg) translateZ(5px); }
	74%      { transform: rotateY(-6deg) translateZ(2px); }
}

@keyframes bhp-bh-dw-page-sheen-v12 {
	0%, 12% { opacity: 0; transform: translateX(-80%); }
	48%     { opacity: .78; }
	82%,100%{ opacity: 0; transform: translateX(82%); }
}

@keyframes bhp-bh-dw-page-cast-v12 {
	0%,100% { opacity: 0; transform: translateX(0); }
	32%     { opacity: .25; transform: translateX(-8%); }
	54%     { opacity: .68; transform: translateX(-76%); }
	78%     { opacity: .28; transform: translateX(-138%); }
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-cover {
	animation: bhp-bh-dw-cover-open-v12 var(--dw-t-cover) var(--dw-e-cover) both;
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-cover-flex {
	animation: bhp-bh-dw-cover-flex-v12 var(--dw-t-cover) var(--dw-e-cover) both;
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-cover-front::after {
	animation: bhp-bh-dw-cover-sheen-v12 var(--dw-t-cover) ease-in-out both;
}

.bhp-book[data-bhp-state="awakening"] .bh-dw-spread::before,
.bhp-book[data-bhp-state="awakening"] .bh-dw-spread::after {
	opacity: 0 !important;
	visibility: hidden !important;
}

.bhp-book[data-bhp-state="awakening"] .bh-dw-paper,
.bhp-book[data-bhp-state="awakening"] .bh-dw-leaf,
.bhp-book[data-bhp-state="awakening"] .bh-dw-quiz-slot,
.bhp-book[data-bhp-state="awakening"] .bh-dw-book-cast {
	opacity: 0 !important;
	visibility: hidden !important;
}

.bhp-book[data-bhp-state="awakening"] .bh-dw-cover,
.bhp-book[data-bhp-state="awakening"] .bh-dw-cover-flex,
.bhp-book[data-bhp-state="awakening"] .bh-dw-cover-front,
.bhp-book[data-bhp-state="awakening"] .bh-dw-cover-photo-plate {
	opacity: 1 !important;
	visibility: visible !important;
}

@keyframes bhp-bh-dw-photo-handoff-v126 {
	0%,
	42% {
		opacity: 1;
		visibility: visible;
		filter:
			brightness(1)
			drop-shadow(0 14px 16px rgba(18, 10, 3, .26));
	}

	56% {
		opacity: .96;
		filter:
			brightness(1.025)
			drop-shadow(0 10px 12px rgba(18, 10, 3, .20));
	}

	68% {
		opacity: .28;
		filter:
			brightness(1.06)
			drop-shadow(0 4px 7px rgba(18, 10, 3, .12));
	}

	76%,
	100% {
		opacity: 0;
		visibility: hidden;
		filter: brightness(1.08);
	}
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-cover-photo-plate {
	visibility: visible;
	animation: bhp-bh-dw-photo-handoff-v126 var(--dw-t-cover) ease-in-out both;
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-paper--right,
.bhp-book[data-bhp-state="cover-opening"] .bh-dw-leaf {
	opacity: 1 !important;
	visibility: visible !important;
}

@keyframes bhp-bh-dw-left-page-reveal-v126 {
	0%,
	52% {
		opacity: 0;
		-webkit-clip-path: inset(0 0 0 100%);
		clip-path: inset(0 0 0 100%);
	}

	66% {
		opacity: .72;
		-webkit-clip-path: inset(0 0 0 58%);
		clip-path: inset(0 0 0 58%);
	}

	88%,
	100% {
		opacity: 1;
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
	}
}

@keyframes bhp-bh-dw-backing-reveal-v126 {
	0%,
	46% {
		-webkit-clip-path: inset(0 0 0 50%);
		clip-path: inset(0 0 0 50%);
	}

	68% {
		-webkit-clip-path: inset(0 0 0 28%);
		clip-path: inset(0 0 0 28%);
	}

	92%,
	100% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
	}
}

@keyframes bhp-bh-dw-gutter-reveal-v126 {
	0%,
	64% { opacity: 0; }
	84% { opacity: .72; }
	100% { opacity: 1; }
}

@keyframes bhp-bh-dw-cast-reveal-v126 {
	0%,
	28% { opacity: 0; }
	72%,
	100% { opacity: .84; }
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-paper--left {
	opacity: 0;
	-webkit-clip-path: inset(0 0 0 100%);
	clip-path: inset(0 0 0 100%);
	animation: bhp-bh-dw-left-page-reveal-v126 var(--dw-t-cover) var(--dw-e-cover) both;
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-spread::before {
	opacity: 1;
	visibility: visible;
	-webkit-clip-path: inset(0 0 0 50%);
	clip-path: inset(0 0 0 50%);
	animation: bhp-bh-dw-backing-reveal-v126 var(--dw-t-cover) var(--dw-e-cover) both;
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-spread::after {
	opacity: 0;
	visibility: visible;
	animation: bhp-bh-dw-gutter-reveal-v126 var(--dw-t-cover) ease both;
}

.bhp-book[data-bhp-state="cover-opening"] .bh-dw-book-cast {
	opacity: 0;
	visibility: visible;
	animation: bhp-bh-dw-cast-reveal-v126 var(--dw-t-cover) ease both;
}

.bhp-book[data-bhp-state="turn-1"] .bh-dw-cover-photo-plate,
.bhp-book[data-bhp-state="turn-2"] .bh-dw-cover-photo-plate,
.bhp-book[data-bhp-state="turn-3"] .bh-dw-cover-photo-plate,
.bhp-book[data-bhp-state="landed"] .bh-dw-cover-photo-plate,
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-cover-photo-plate,
.bhp-book[data-bhp-state="open"] .bh-dw-cover-photo-plate {
	opacity: 0 !important;
	visibility: hidden !important;
}

.bhp-book[data-bhp-state="turn-1"] .bh-dw-cover,
.bhp-book[data-bhp-state="turn-2"] .bh-dw-cover,
.bhp-book[data-bhp-state="turn-3"] .bh-dw-cover,
.bhp-book[data-bhp-state="landed"] .bh-dw-cover,
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-cover,
.bhp-book[data-bhp-state="open"] .bh-dw-cover {
	transform: rotateY(-176deg) translateZ(2px);
}

.bhp-book[data-bhp-state="turn-1"] .bh-dw-leaf[data-leaf="1"] {
	z-index: 60;
	animation: bhp-bh-dw-page-turn-v12 var(--dw-t-turn1) var(--dw-e-leaf) both;
}

.bhp-book[data-bhp-state="turn-1"] .bh-dw-leaf[data-leaf="1"] .bh-dw-leaf-flex {
	animation: bhp-bh-dw-page-flex-v12 var(--dw-t-turn1) var(--dw-e-leaf) both;
}

.bhp-book[data-bhp-state="turn-1"] .bh-dw-leaf[data-leaf="1"] .bh-dw-leaf-curl {
	animation: bhp-bh-dw-page-curl-v12 var(--dw-t-turn1) var(--dw-e-leaf) both;
}

.bhp-book[data-bhp-state="turn-1"] .bh-dw-leaf[data-leaf="1"] .bh-dw-leaf-face::after {
	animation: bhp-bh-dw-page-sheen-v12 var(--dw-t-turn1) ease-in-out both;
}

.bhp-book[data-bhp-state="turn-1"] .bh-dw-leaf[data-leaf="1"] .bh-dw-leaf-cast {
	animation: bhp-bh-dw-page-cast-v12 var(--dw-t-turn1) ease-in-out both;
}

.bhp-book[data-bhp-state="turn-2"] .bh-dw-leaf[data-leaf="1"],
.bhp-book[data-bhp-state="turn-3"] .bh-dw-leaf[data-leaf="1"],
.bhp-book[data-bhp-state="landed"] .bh-dw-leaf[data-leaf="1"],
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-leaf[data-leaf="1"],
.bhp-book[data-bhp-state="open"] .bh-dw-leaf[data-leaf="1"] {
	z-index: 31;
	transform: rotateY(-178deg) translateZ(2px);
}

.bhp-book[data-bhp-state="turn-2"] .bh-dw-leaf[data-leaf="2"] {
	z-index: 60;
	animation: bhp-bh-dw-page-turn-v12 var(--dw-t-turn2) var(--dw-e-leaf) both;
}

.bhp-book[data-bhp-state="turn-2"] .bh-dw-leaf[data-leaf="2"] .bh-dw-leaf-flex {
	animation: bhp-bh-dw-page-flex-v12 var(--dw-t-turn2) var(--dw-e-leaf) both;
}

.bhp-book[data-bhp-state="turn-2"] .bh-dw-leaf[data-leaf="2"] .bh-dw-leaf-curl {
	animation: bhp-bh-dw-page-curl-v12 var(--dw-t-turn2) var(--dw-e-leaf) both;
}

.bhp-book[data-bhp-state="turn-2"] .bh-dw-leaf[data-leaf="2"] .bh-dw-leaf-face::after {
	animation: bhp-bh-dw-page-sheen-v12 var(--dw-t-turn2) ease-in-out both;
}

.bhp-book[data-bhp-state="turn-2"] .bh-dw-leaf[data-leaf="2"] .bh-dw-leaf-cast {
	animation: bhp-bh-dw-page-cast-v12 var(--dw-t-turn2) ease-in-out both;
}

.bhp-book[data-bhp-state="turn-3"] .bh-dw-leaf[data-leaf="2"],
.bhp-book[data-bhp-state="landed"] .bh-dw-leaf[data-leaf="2"],
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-leaf[data-leaf="2"],
.bhp-book[data-bhp-state="open"] .bh-dw-leaf[data-leaf="2"] {
	z-index: 32;
	transform: rotateY(-178deg) translateZ(2px);
}

.bhp-book[data-bhp-state="turn-3"] .bh-dw-leaf[data-leaf="3"] {
	z-index: 60;
	animation: bhp-bh-dw-page-turn-v12 var(--dw-t-turn3) var(--dw-e-leaf) both;
}

.bhp-book[data-bhp-state="turn-3"] .bh-dw-leaf[data-leaf="3"] .bh-dw-leaf-flex {
	animation: bhp-bh-dw-page-flex-v12 var(--dw-t-turn3) var(--dw-e-leaf) both;
}

.bhp-book[data-bhp-state="turn-3"] .bh-dw-leaf[data-leaf="3"] .bh-dw-leaf-curl {
	animation: bhp-bh-dw-page-curl-v12 var(--dw-t-turn3) var(--dw-e-leaf) both;
}

.bhp-book[data-bhp-state="turn-3"] .bh-dw-leaf[data-leaf="3"] .bh-dw-leaf-face::after {
	animation: bhp-bh-dw-page-sheen-v12 var(--dw-t-turn3) ease-in-out both;
}

.bhp-book[data-bhp-state="turn-3"] .bh-dw-leaf[data-leaf="3"] .bh-dw-leaf-cast {
	animation: bhp-bh-dw-page-cast-v12 var(--dw-t-turn3) ease-in-out both;
}

.bhp-book[data-bhp-state="landed"] .bh-dw-leaf[data-leaf="3"],
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-leaf[data-leaf="3"],
.bhp-book[data-bhp-state="open"] .bh-dw-leaf[data-leaf="3"] {
	z-index: 33;
	transform: rotateY(-178deg) translateZ(2px);
}

.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-spread > :not(.bh-dw-quiz-slot),
.bhp-book[data-bhp-state="open"] .bh-dw-spread > :not(.bh-dw-quiz-slot),
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-spread > :not(.bh-dw-quiz-slot) *,
.bhp-book[data-bhp-state="open"] .bh-dw-spread > :not(.bh-dw-quiz-slot) * {
	pointer-events: none !important;
}

.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-spread::before,
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-spread::after,
.bhp-book[data-bhp-state="open"] .bh-dw-spread::before,
.bhp-book[data-bhp-state="open"] .bh-dw-spread::after {
	pointer-events: none !important;
}

.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-quiz-slot,
.bhp-book[data-bhp-state="open"] .bh-dw-quiz-slot {
	z-index: 100 !important;
	pointer-events: auto !important;
}

.bhp-book[data-bhp-state="quiz-revealing"] .bh-quiz-mount,
.bhp-book[data-bhp-state="open"] .bh-quiz-mount {
	position: relative !important;
	z-index: 1 !important;
	pointer-events: auto !important;
}

.bhp-book[data-bhp-state="quiz-revealing"] .bh-quiz-mount .bhq-card,
.bhp-book[data-bhp-state="open"] .bh-quiz-mount .bhq-card,
.bhp-book[data-bhp-state="quiz-revealing"] .bh-quiz-mount button,
.bhp-book[data-bhp-state="open"] .bh-quiz-mount button,
.bhp-book[data-bhp-state="quiz-revealing"] .bh-quiz-mount a,
.bhp-book[data-bhp-state="open"] .bh-quiz-mount a {
	pointer-events: auto !important;
}

.bhp-book .bh-dw-quiz-slot {
	position: absolute;
	z-index: 74;
	inset: 1.8% 2%;
	display: flex;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	overscroll-behavior: none;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	border-radius: 4px;
	background:
		repeating-linear-gradient(105deg, rgba(120, 100, 60, .028) 0 1px, transparent 1px 5px),
		radial-gradient(ellipse 120% 100% at 50% 34%, #FBF6EB 52%, #F0E7D2 100%);
	box-shadow:
		inset 0 0 42px rgba(120, 94, 52, .15),
		inset 0 1px 0 rgba(255, 253, 246, .92);
	transition: opacity var(--dw-t-quiz) var(--dw-e-quiz);
}

.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-quiz-slot,
.bhp-book[data-bhp-state="open"] .bh-dw-quiz-slot {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.bhp-book .bh-dw-final-art,
.bhp-book .bh-dw-leaf,
.bhp-book .bh-dw-cover,
.bhp-book .bh-dw-spread::after {
	transition: opacity 330ms ease;
}

.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-final-art,
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-leaf,
.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-cover,
.bhp-book[data-bhp-state="open"] .bh-dw-final-art,
.bhp-book[data-bhp-state="open"] .bh-dw-leaf,
.bhp-book[data-bhp-state="open"] .bh-dw-cover {
	opacity: 0;
	pointer-events: none;
}

.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-spread::after,
.bhp-book[data-bhp-state="open"] .bh-dw-spread::after {
	opacity: 0;
}

.bhp-book .bh-dw-quiz-anchor { display: block; width: 1px; height: 1px; overflow: hidden; }

@media (min-width: 768px) and (max-width: 1099px) {
	.bhp-book {
		--dw-rest-book-w:      64%;
		--dw-rest-book-left:   56.1%;
		--dw-rest-book-top:    59.8%;
		--dw-book-x:           56.1%;
		--dw-book-y:           84%;
		--dw-zoom-scale:       1.025;
		--dw-final-book-w:     92%;
		--dw-final-book-h:     48%;
		--dw-final-book-ratio: auto;
		--dw-final-book-top:   52%;
		--dw-rig-start-x:      6.6%;
		--dw-rig-start-y:      57%;
		--dw-rig-start-scale:  .695;
		--dw-rig-mid-x:        4%;
		--dw-rig-mid-y:        33%;
		--dw-rig-mid-scale:    .84;
		--dw-rig-near-x:       1%;
		--dw-rig-near-y:       7%;
	}

	.bhp-book .bh-dw-hero {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		place-items: center;
		width: 100%;
		max-width: 941px;
		margin: 0 auto;
		padding: 0;
		background: #1A120A;
	}

	.bhp-book .bh-dw-stage,
	.bhp-book .bh-dw-intro {
		grid-column: 1;
		grid-row: 1;
		width: 100%;
		max-width: 941px;
		aspect-ratio: 941 / 1672;
	}

	.bhp-book .bh-dw-intro {
		position: relative;
		z-index: 6;
		pointer-events: none;
		container-type: inline-size;
	}

	.bhp-book .bh-dw-intro-head,
	.bhp-book .bh-dw-intro-tail {
		position: absolute;
		left: 8.5%;
		width: 46.5%;
		max-width: 46.5%;
		text-align: left;
	}

	.bhp-book .bh-dw-intro-head { top: 3.4%; height: 14.2%; display: block; }
	.bhp-book .bh-dw-intro-tail { top: 13.35%; display: block; }
	.bhp-book h1.bh-dw-title { position: absolute; top: 8.2cqw; left: 4.5%; margin: 0; font-size: clamp(46px, 7.1cqw, 67px); line-height: 1; white-space: nowrap; }
	.bhp-book .bh-dw-subtitle { margin: 0 0 3.1% 4.5%; font-size: clamp(23px, 3.5cqw, 32px); line-height: 1.14; white-space: nowrap; }
	.bhp-book .bh-dw-copy { width: 100%; max-width: 22ch; margin: 0; font-size: clamp(18px, 2.55cqw, 23px); line-height: 1.48; text-wrap: balance; }
	.bhp-book .bh-dw-action { margin: 22px 0 0 3.8%; pointer-events: auto; }
	.bhp-book a.bh-dw-begin { min-height: 54px; padding: 14px 28px; font-size: 17px; }

	.bhp-book.is-active .bh-dw-intro-head,
	.bhp-book.is-active .bh-dw-intro-tail {
		opacity: 0;
		transform: translateX(-22px);
		pointer-events: none;
	}
}

@media (max-width: 767px) {
	.bhp-book {
		--dw-mobile-optical-shift: -1.1%;
		--dw-rest-book-w:      66%;
		--dw-rest-book-left:   55.8%;
		--dw-rest-book-top:    60.4%;
		--dw-book-x:           55.8%;
		--dw-book-y:           84%;
		--dw-zoom-scale:       1.015;
		--dw-final-book-w:     92%;
		--dw-final-book-h:     74%;
		--dw-final-book-ratio: auto;
		--dw-final-book-top:   50%;
		--dw-rig-start-x:      6.3%;
		--dw-rig-start-y:      39%;
		--dw-rig-start-scale:  .717;
		--dw-rig-mid-x:        4%;
		--dw-rig-mid-y:        22%;
		--dw-rig-mid-scale:    .86;
		--dw-rig-near-x:       1%;
		--dw-rig-near-y:       4%;
		--dw-cover-bg-size:    228%;
	}

	.bhp-book .bh-dw-hero {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		max-width: 548px;
		margin: 0 auto;
		padding: 0 14px;
		box-sizing: border-box;
		background: #FAF7F2;
	}

	.bhp-book .bh-dw-intro { display: contents; width: auto; aspect-ratio: auto; }

	.bhp-book .bh-dw-intro-head,
	.bhp-book .bh-dw-stage,
	.bhp-book .bh-dw-intro-tail {
		width: 100%;
		max-width: 520px;
		margin-right: auto;
		margin-left: auto;
		box-sizing: border-box;
	}

	.bhp-book .bh-dw-intro-head {
		position: relative;
		order: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		height: auto;
		padding: 10px 20px 6px;
		text-align: center;
		background: #FAF7F2;
	}

	.bhp-book h1.bh-dw-title { position: static; width: 100%; margin: 0; font-size: clamp(43px, 12vw, 58px); font-size: clamp(43px, 12cqw, 58px); line-height: .98; text-align: center; white-space: normal; }
	.bhp-book .bh-dw-stage { order: 2; aspect-ratio: 941 / 1672; overflow: hidden; }
	.bhp-book .bh-dw-room-media { transform: translateX(var(--dw-mobile-optical-shift)) scale(1.022); transform-origin: 50% 50%; }

	.bhp-book .bh-dw-intro-tail {
		position: relative;
		order: 3;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		padding: 22px 24px 38px;
		text-align: center;
		background: #FAF7F2;
	}

	.bhp-book .bh-dw-action { order: 1; width: 100%; margin: 0 auto 24px; text-align: center; pointer-events: auto; }
	.bhp-book a.bh-dw-begin { min-width: 166px; min-height: 52px; padding: 15px 28px; font-size: 16px; }
	.bhp-book .bh-dw-subtitle { order: 2; width: min(100%, 26ch); max-width: 26ch; margin: 0 auto 14px; font-size: clamp(25px, 7vw, 32px); font-size: clamp(25px, 7cqw, 32px); line-height: 1.15; text-align: center; white-space: normal; }
	.bhp-book .bh-dw-copy { order: 3; width: min(100%, 28ch); max-width: 28ch; margin: 0 auto; font-size: 19px; line-height: 1.62; text-align: center; }

	.bhp-book.is-active .bh-dw-intro-head { opacity: 0; transform: translateY(-14px); }
	.bhp-book.is-active .bh-dw-intro-tail { opacity: 0; transform: translateY(14px); }
	.bhp-book[data-bhp-layout="mobile"] .bh-dw-spread::after,
	.bhp-book[data-bhp-layout="mobile"] .bh-dw-paper--left { display: none; }
	.bhp-book[data-bhp-layout="mobile"] .bh-dw-paper--right { left: 0; right: 0; width: 100%; border-radius: 4px; }
	.bhp-book[data-bhp-layout="mobile"] .bh-dw-cover,
	.bhp-book[data-bhp-layout="mobile"] .bh-dw-leaf { left: 0; width: 100%; }
	.bhp-book[data-bhp-layout="mobile"] .bh-dw-leaf-face.is-back .bh-dw-paper-art { opacity: 0; }
	.bhp-book[data-bhp-layout="mobile"] .bh-dw-final-art--daily { display: none; }
}

@media (max-width: 400px) {
	.bhp-book { --dw-rest-book-w: 64%; --dw-rig-start-scale: .696; --dw-zoom-scale: 1.01; }
	.bhp-book .bh-dw-copy { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
	.bhp-book {
		--dw-t-glow: 1ms;
		--dw-t-ack: 120ms;
		--dw-t-awaken: 1ms;
		--dw-t-release: 1ms;
		--dw-t-push: 1ms;
		--dw-t-cover: 1ms;
		--dw-t-turn1: 1ms;
		--dw-t-turn2: 1ms;
		--dw-t-turn3: 1ms;
		--dw-t-land: 160ms;
		--dw-t-hold: 300ms;
		--dw-t-quiz: 260ms;
		--dw-zoom-scale: 1;
	}

	.bhp-book .bh-dw-resting-composite img,
	.bhp-book .bh-dw-room-glow { animation: none !important; }
	.bhp-book .bh-dw-zoom,
	.bhp-book .bh-dw-resting-composite,
	.bhp-book .bh-dw-book-rig,
	.bhp-book .bh-dw-book-rig::before,
	.bhp-book .bh-dw-cover,
	.bhp-book .bh-dw-leaf,
	.bhp-book .bh-dw-cover-flex,
	.bhp-book .bh-dw-leaf-flex,
	.bhp-book .bh-dw-leaf-curl,
	.bhp-book .bh-dw-cover-photo-plate { animation: none !important; transition-duration: 1ms !important; }


	.bhp-book[data-bhp-state="landed"] .bh-dw-cover-photo-plate,
	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-cover-photo-plate,
	.bhp-book[data-bhp-state="open"] .bh-dw-cover-photo-plate {
		opacity: 0 !important;
		visibility: hidden !important;
	}

	.bhp-book[data-bhp-state="landed"] .bh-dw-resting-composite,
	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-resting-composite,
	.bhp-book[data-bhp-state="open"] .bh-dw-resting-composite {
		opacity: 0 !important;
		visibility: hidden !important;
	}

	.bhp-book[data-bhp-state="landed"] .bh-dw-book-rig,
	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-book-rig,
	.bhp-book[data-bhp-state="open"] .bh-dw-book-rig {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translate(-50%, -50%) scale(1) !important;
	}

	.bhp-book[data-bhp-state="landed"] .bh-dw-cover,
	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-cover,
	.bhp-book[data-bhp-state="open"] .bh-dw-cover,
	.bhp-book[data-bhp-state="landed"] .bh-dw-leaf,
	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-leaf,
	.bhp-book[data-bhp-state="open"] .bh-dw-leaf {
		transform: rotateY(-178deg) translateZ(2px);
	}
}

.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-action,
.bhp-book[data-bhp-state="open"] .bh-dw-action {
	pointer-events: none !important;
	user-select: none !important;
	-webkit-user-select: none !important;
}

.bhp-book .bh-dw-handoff-leaf {
	position: absolute;
	z-index: 94;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	pointer-events: none !important;
	user-select: none !important;
	-webkit-user-select: none !important;
	transform-origin: 0 50%;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	border-radius: 2px 5px 5px 2px;
	background:
		repeating-linear-gradient(
			105deg,
			rgba(120, 100, 60, .028) 0 1px,
			transparent 1px 5px
		),
		radial-gradient(
			ellipse 120% 100% at 50% 34%,
			#FBF6EB 52%,
			#F0E7D2 100%
		);
	box-shadow:
		inset 0 0 30px rgba(120, 94, 52, .14),
		inset 0 1px 0 rgba(255, 253, 246, .92);
	transform: rotateY(0deg) translateZ(5px);
	will-change: transform, opacity, filter;
}

.bhp-book .bh-dw-handoff-leaf::after {
	content: "";
	position: absolute;
	z-index: 5;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	mix-blend-mode: screen;
	background:
		linear-gradient(
			104deg,
			transparent 18%,
			rgba(255, 255, 245, .46) 50%,
			transparent 76%
		);
}

.bhp-book .bh-dw-handoff-leaf > .bh-dw-paper-art {
	position: absolute;
	inset: 5.5% !important;
	width: auto !important;
	height: auto !important;
}

.bhp-book.is-handoff-ready .bh-dw-handoff-leaf {
	visibility: visible;
	opacity: 1;
	transform: rotateY(0deg) translateZ(5px);
}

.bhp-book.is-handoff-turning .bh-dw-handoff-leaf {
	visibility: visible;
	animation:
		bhp-bh-dw-pathway-master-handoff
		var(--dw-t-handoff-turn)
		cubic-bezier(.42, .03, .22, 1)
		both;
}

.bhp-book.is-handoff-turning .bh-dw-handoff-leaf::after {
	animation:
		bhp-bh-dw-pathway-master-handoff-sheen
		var(--dw-t-handoff-turn)
		ease-in-out
		both;
}

.bhp-book[data-bhp-state="open"] .bh-dw-handoff-leaf {
	visibility: hidden;
	opacity: 0;
	transform: rotateY(-89deg) translateZ(7px);
}

@keyframes bhp-bh-dw-pathway-master-handoff {
	0% {
		visibility: visible;
		opacity: 1;
		transform: rotateY(0deg) translateZ(5px);
		filter: drop-shadow(0 0 0 rgba(25, 16, 7, 0));
	}
	18% {
		opacity: 1;
		transform: rotateY(-10deg) translateZ(8px);
		filter: drop-shadow(-4px 4px 6px rgba(25, 16, 7, .13));
	}
	48% {
		opacity: 1;
		transform: rotateY(-43deg) translateZ(15px);
		filter: drop-shadow(-14px 10px 13px rgba(25, 16, 7, .27));
	}
	72% {
		opacity: .98;
		transform: rotateY(-66deg) translateZ(13px);
		filter: drop-shadow(-18px 12px 15px rgba(25, 16, 7, .23));
	}
	88% {
		opacity: .72;
		transform: rotateY(-79deg) translateZ(10px);
		filter: drop-shadow(-12px 9px 11px rgba(25, 16, 7, .15));
	}
	100% {
		visibility: hidden;
		opacity: 0;
		transform: rotateY(-89deg) translateZ(7px);
		filter: drop-shadow(-6px 5px 7px rgba(25, 16, 7, 0));
	}
}

@keyframes bhp-bh-dw-pathway-master-handoff-sheen {
	0%,
	100% {
		opacity: 0;
	}
	30% {
		opacity: .25;
	}
	55% {
		opacity: .55;
	}
	78% {
		opacity: .16;
	}
}

.bhp-book[data-bhp-layout="mobile"] .bh-dw-handoff-leaf {
	left: 0;
	width: 100%;
	border-radius: 4px;
}

@media (min-width: 360px) and (max-width: 767px) {
	.bhp-book .bh-dw-intro-head,
	.bhp-book .bh-dw-intro-tail {
		top: auto !important;
		right: auto !important;
		left: auto !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.bhp-book .bh-dw-intro-head,
	.bhp-book .bh-dw-intro-tail,
	.bhp-book .bh-dw-subtitle,
	.bhp-book .bh-dw-copy,
	.bhp-book .bh-dw-action {
		justify-self: center !important;
		text-align: center !important;
	}

	.bhp-book .bh-dw-action {
		margin: 0 auto 36px !important;
	}
}

@media (min-width: 768px) and (max-width: 1099px) {
	.bhp-book .bh-dw-subtitle {
		transform: translateY(-14px) !important;
	}
}

@media (min-width: 1100px) and (max-width: 1200px) {
	.bhp-book .bh-dw-copy {
		transform: translateX(-18px) !important;
	}
}

@media (min-width: 360px) and (max-width: 767px) {
	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-stage,
	.bhp-book[data-bhp-state="open"] .bh-dw-stage {
		aspect-ratio: auto !important;
		height:
			var(
				--bh-dw-mobile-open-stage-height-safe,
				940px
			) !important;
		min-height:
			var(
				--bh-dw-mobile-open-stage-height-safe,
				940px
			) !important;
		overflow: hidden !important;
	}

	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-room-media img,
	.bhp-book[data-bhp-state="open"] .bh-dw-room-media img {
		object-fit: cover !important;
		object-position: 50% 50% !important;
	}

	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-book-rig,
	.bhp-book[data-bhp-state="open"] .bh-dw-book-rig {
		top: 50% !important;
		left: 50% !important;
		width: calc(100% - 30px) !important;
		height: calc(100% - 36px) !important;
		max-width: none !important;
		aspect-ratio: auto !important;
		transform: translate(-50%, -50%) scale(1) !important;
	}

	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-quiz-slot,
	.bhp-book[data-bhp-state="open"] .bh-dw-quiz-slot {
		overflow: hidden !important;
		overscroll-behavior: auto !important;
	}
	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-quiz-slot .bh-quiz-mount,
	.bhp-book[data-bhp-state="open"] .bh-dw-quiz-slot .bh-quiz-mount,
	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-quiz-slot .bh-quiz-mount .bhq-wrap,
	.bhp-book[data-bhp-state="open"] .bh-dw-quiz-slot .bh-quiz-mount .bhq-wrap,
	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-quiz-slot .bh-quiz-mount .bhq-paper,
	.bhp-book[data-bhp-state="open"] .bh-dw-quiz-slot .bh-quiz-mount .bhq-paper {
		height: auto !important;
		min-height: 0 !important;
	}

	.bhp-book[data-bhp-state="quiz-revealing"] .bh-dw-quiz-slot .bh-quiz-mount .bhq-paper,
	.bhp-book[data-bhp-state="open"] .bh-dw-quiz-slot .bh-quiz-mount .bhq-paper {
		justify-content: flex-start !important;
		overflow: visible !important;
	}
}

@media (min-width: 360px) and (max-width: 767px) {
	.bhp-book .bh-dw-intro-head,
	.bhp-book .bh-dw-intro-tail {
		max-height:
			var(
				--bh-dw-intro-expanded-height,
				600px
			) !important;
		overflow: hidden !important;
		transition:
			max-height 300ms cubic-bezier(.22, .72, .28, 1),
			padding-top 300ms cubic-bezier(.22, .72, .28, 1),
			padding-bottom 300ms cubic-bezier(.22, .72, .28, 1),
			margin-top 300ms cubic-bezier(.22, .72, .28, 1),
			margin-bottom 300ms cubic-bezier(.22, .72, .28, 1) !important;
	}

	.bhp-book[data-bhp-state="open"] .bh-dw-intro-head,
	.bhp-book[data-bhp-state="open"] .bh-dw-intro-tail {
		max-height: 0 !important;
		min-height: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		overflow: hidden !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
	.bhp-book[data-bhp-state="open"] .bh-dw-hero {
		padding-top: 24px !important;
		padding-bottom: 30px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bhp-book.is-handoff-turning .bh-dw-handoff-leaf {
		animation: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	.bhp-book.is-handoff-turning .bh-dw-handoff-leaf::after {
		animation: none !important;
		opacity: 0 !important;
	}
}

/*  ---- immersive overrides carried over from quiz.css ----  */

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-wrap {
  --bhq-sage: #47624F;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount {
  position: relative;
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-wrap {
  position: relative;
  display: flex;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(18px, 2vw, 28px) !important;
  padding: clamp(18px, 2cqw, 28px) !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-paper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(24px, 2.8vw, 38px) clamp(24px, 3.4vw, 48px) !important;
  padding: clamp(24px, 2.8cqw, 38px) clamp(24px, 3.4cqw, 48px) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-paper::before,
.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-paper::after,
.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-wrap::before,
.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-wrap::after {
  display: none !important;
  content: none !important;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-progress {
  position: relative;
  z-index: 1;
  gap: 16px;
  margin: 0 0 clamp(12px, 1.2vw, 18px);
  margin: 0 0 clamp(12px, 1.2cqw, 18px);
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-progress-bar-track {
  height: 3px;
  background: rgba(169, 140, 75, 0.22);
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-stamp {
  font-size: 12px;
  letter-spacing: 2.2px;
  color: #3E5745;
  border-color: rgba(62, 87, 69, 0.55);
  background: rgba(110, 139, 114, 0.07);
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-rule {
  position: relative;
  z-index: 1;
  max-width: 320px;
  margin: 0 auto clamp(16px, 1.7vw, 24px);
  margin: 0 auto clamp(16px, 1.7cqw, 24px);
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-questions,
.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-controls,
.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-calculating {
  position: relative;
  z-index: 1;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-question-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  text-align: center !important;
  font-size: clamp(30px, 2.7vw, 40px) !important;
  font-size: clamp(30px, 2.7cqw, 40px) !important;
  line-height: 1.18 !important;
  color: #2F4536 !important;
  margin: 0 0 clamp(18px, 2vw, 28px) !important;
  margin: 0 0 clamp(18px, 2cqw, 28px) !important;
  text-wrap: balance;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-answers {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(12px, 1.2vw, 16px);
  gap: clamp(12px, 1.2cqw, 16px);
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-answers > .bhq-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card {
  min-width: 0;
  min-height: 72px;
  padding: 16px 20px;
  background: linear-gradient(180deg, #FEFBF4 0%, #F7F0DF 100%);
  border-color: rgba(196, 175, 133, 0.85);
  box-shadow: 0 1px 3px rgba(74, 62, 34, 0.07);
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card-text {
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  font-size: clamp(18px, 1.35vw, 21px);
  font-size: clamp(18px, 1.35cqw, 21px);
  line-height: 1.38;
  color: #3F392F;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card-check {
  width: 24px;
  height: 24px;
  border-color: rgba(169, 140, 75, 0.75);
}

@media (hover: hover) {
  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card:hover {
    border-color: #47624F;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(71, 98, 79, 0.16);
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card:hover .bhq-card-check {
    border-color: #47624F;
  }
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card.selected {
  background: linear-gradient(180deg, #EEF2E9 0%, #E2EADC 100%);
  border-color: #47624F;
  transform: none;
  box-shadow: inset 5px 0 0 #47624F, 0 6px 18px rgba(71, 98, 79, 0.18);
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card.selected .bhq-card-text {
  color: #2C4234;
  font-weight: 600;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card.selected .bhq-card-check {
  background: #47624F;
  border-color: #47624F;
  box-shadow: 0 0 0 3px rgba(71, 98, 79, 0.16);
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card.selected .bhq-card-check::after {
  top: 5px;
  left: 8px;
  width: 5px;
  height: 11px;
  border: 2px solid #F5F8F2;
  border-top: none;
  border-left: none;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card:focus-visible,
.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-ctrl:focus-visible {
  outline: 3px solid #2F4536;
  outline-offset: 3px;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount:focus { outline: none; }

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount:focus-visible {
  outline: 3px solid #2F4536;
  outline-offset: 6px;
  border-radius: 10px;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-controls {
  margin-top: clamp(16px, 1.8vw, 24px);
  margin-top: clamp(16px, 1.8cqw, 24px);
  padding-top: clamp(10px, 1.1vw, 16px);
  padding-top: clamp(10px, 1.1cqw, 16px);
  border-top: 1px solid rgba(169, 140, 75, 0.22);
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-ctrl {
  min-height: 44px;
  padding: 10px 8px;
  font-size: 13px;
  letter-spacing: 1.6px;
  color: #8A6F35;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-ctrl:hover {
  color: #2F4536;
  border-bottom-color: #2F4536;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-calculating {
  padding: clamp(42px, 5vw, 70px) 20px;
  padding: clamp(42px, 5cqw, 70px) 20px;
}

.bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-calc-text {
  font-size: clamp(24px, 2.1vw, 30px);
  font-size: clamp(24px, 2.1cqw, 30px);
  color: #47624F;
}

@media (min-width: 768px) and (max-width: 1099px) {
  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-wrap {
    padding: 22px !important;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-paper {
    padding: 30px 32px !important;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card-text {
    font-size: clamp(18px, 2.1vw, 20px);
    font-size: clamp(18px, 2.1cqw, 20px);
  }
}

@media (max-width: 767px) {
  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-wrap {
    padding: 12px !important;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-paper {
    justify-content: center;
    padding: 18px 16px !important;
    overflow: hidden !important;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-progress {
    gap: 10px;
    margin-bottom: 10px;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-stamp {
    font-size: 10px;
    letter-spacing: 1.5px;
    padding: 5px 8px 4px;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-rule {
    margin-bottom: 12px;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-question-title {
    text-align: left !important;
    font-size: clamp(25px, 6.7vw, 31px) !important;
    font-size: clamp(25px, 6.7cqw, 31px) !important;
    line-height: 1.2 !important;
    margin: 0 0 14px !important;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-answers {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card {
    min-height: 64px;
    padding: 13px 15px;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card-text {
    font-size: 19px;
    line-height: 1.32;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-controls {
    margin-top: 12px;
    padding-top: 8px;
  }

  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-ctrl {
    min-height: 40px;
    padding: 8px 5px;
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card:hover,
  .bhp-book .bh-dw-quiz-slot .bh-quiz-mount .bhq-card.selected {
    transform: none;
  }
}

/*  ---- host-unit correction (generated) ---- .bh-dw-stage is container-type:inline-size in the live CSS but nothing inside it uses cq units; left as-is, the cqw duplicates of vw declarations inside the stage (quiz slot) would resolve to the stage width instead of the .bhp-book host. Resetting it makes cq units resolve to the host (size container).  */

.bhp-book .bh-dw-stage {
	container-type:        normal;
}