.skh {
	--skh-blue: #005582;
	--skh-blue-dark: #003f61;
	--skh-blue-soft: #edf6fa;
	--skh-orange: #f4ae1a;
	--skh-orange-strong: #f54d23;
	--skh-heading: #152d39;
	--skh-text: #33434c;
	--skh-muted: #6b7b84;
	--skh-line: rgba(21, 45, 57, .1);
	--skh-surface: #fff;
	--skh-page: #f8f8f8;
	--skh-ease: cubic-bezier(.22, 1, .36, 1);
	width: 100%;
	color: var(--skh-text);
	font-family: inherit;
	font-synthesis: none;
	text-align: right;
}

.skh *,
.skh *::before,
.skh *::after {
	box-sizing: border-box;
}

.skh img {
	max-width: 100%;
}

.skh a {
	color: inherit;
	text-decoration: none;
}

.skh-shell {
	width: min(1160px, calc(100% - 48px));
	margin-inline: auto;
}

.skh-empty {
	display: grid;
	min-height: 230px;
	padding: 28px;
	color: var(--skh-muted);
	background: var(--skh-surface);
	border-radius: 26px;
	place-items: center;
	font-size: 14px;
	line-height: 2;
	text-align: center;
}

/* Shared dynamic cards */
.skh-card {
	display: flex;
	min-width: 0;
	overflow: hidden;
	flex-direction: column;
	background: var(--skh-surface);
	border: 1px solid #e7edf5;
	border-radius: 30px;
	box-shadow: 0 8px 30px rgba(21, 45, 57, .045);
	transition:
		border-color 360ms var(--skh-ease),
		box-shadow 420ms var(--skh-ease),
		transform 420ms var(--skh-ease);
}

.skh-card:hover {
	border-color: rgba(0, 85, 130, .16);
	box-shadow: 0 18px 44px rgba(21, 45, 57, .075);
	transform: translateY(-2px);
}

.skh-card__media {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 0;
	padding: 10px;
	overflow: hidden;
	background: var(--skh-surface);
	border-radius: 24px;
}

.skh-card__image,
.skh-image-fallback {
	display: block;
	width: 100%;
	height: auto;
	max-height: 380px;
	overflow: hidden;
	border-radius: 20px !important;
	clip-path: inset(0 round 20px);
	object-fit: contain;
	object-position: center;
}

.skh-image-fallback {
	position: relative;
	min-height: 220px;
	overflow: hidden;
	background:
		radial-gradient(circle at 20% 20%, rgba(244, 174, 26, .14), transparent 30%),
		linear-gradient(145deg, #eef6fa, #fff);
}

.skh-image-fallback i,
.skh-image-fallback b {
	position: absolute;
	border: 1px solid rgba(0, 85, 130, .1);
	border-radius: 20px;
	transform: rotate(-11deg);
}

.skh-image-fallback i {
	inset: 25% 34%;
}

.skh-image-fallback b {
	inset: 36% 23%;
}

.skh-card__body {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
	padding: 25px;
}

.skh-card h3 {
	margin: 0;
	color: var(--skh-heading);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.65;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

.skh-card h3 a {
	transition: color 260ms ease;
}

.skh-card h3 a:hover {
	color: var(--skh-blue);
}

.skh-card p {
	display: -webkit-box;
	margin: 12px 0 0;
	overflow: hidden;
	color: var(--skh-muted);
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.95;
	overflow-wrap: anywhere;
	text-align: justify;
	text-align-last: right;
	text-justify: inter-word;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.skh-card__link,
.skh-network__more {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	width: fit-content;
	margin-top: auto;
	padding-top: 22px;
	color: var(--skh-blue);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	transition: color 260ms ease;
}

.skh-card__link:hover,
.skh-network__more:hover {
	color: var(--skh-orange-strong);
}

.skh-card__link svg,
.skh-network__more svg,
.skh-related__all svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	transition: transform 320ms var(--skh-ease);
}

.skh-card__link:hover svg,
.skh-network__more:hover svg,
.skh-related__all:hover svg {
	transform: translateX(-3px);
}

/* Homepage network — converted from the supplied Elementor section */
.skh-network {
	padding: clamp(52px, 7vw, 92px) 20px;
	background: transparent;
}

.skh-network__heading,
.skh-listing__heading {
	width: min(1180px, 100%);
	margin: 0 auto 26px;
	text-align: center;
}

.skh-network__heading h2,
.skh-listing__heading h2 {
	margin: 0;
	color: var(--skh-heading);
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 700;
	letter-spacing: -.04em;
	line-height: 1.35;
}

.skh-network__heading p,
.skh-listing__heading p {
	margin: 9px 0 0;
	color: var(--skh-muted);
	font-size: 14px;
	line-height: 1.9;
}

.skh-listing__heading p {
	max-width: 680px;
	margin-inline: auto;
	text-align: justify;
	text-align-last: center;
	text-justify: inter-word;
}

.skh-network__tabs {
	position: relative;
	display: flex;
	align-items: center;
	width: max-content;
	max-width: 100%;
	margin: 0 auto 28px;
	padding: 2px;
	overflow-x: auto;
	background: #fff;
	border: 1px solid #e4e7ec;
	border-radius: 999px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
	scrollbar-width: none;
}

.skh-network__tabs::-webkit-scrollbar {
	display: none;
}

.skh-network__indicator {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: #eef3ff;
	border: 1px solid #c8d7ff;
	border-radius: 999px;
	box-shadow:
		0 2px 7px rgba(65, 105, 225, .08),
		inset 0 1px 0 rgba(255, 255, 255, .74);
	pointer-events: none;
	will-change: width, height, left, top;
	transition:
		width 340ms var(--skh-ease),
		height 340ms var(--skh-ease),
		left 400ms var(--skh-ease),
		top 400ms var(--skh-ease);
}

.skh button.skh-network__tab,
.skh button.skh-network__tab:hover,
.skh button.skh-network__tab:focus {
	position: relative;
	z-index: 1;
	min-width: 126px;
	min-height: 44px;
	flex: 0 0 auto;
	padding: 10px 21px;
	color: #1f2937 !important;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 999px;
	box-shadow: none !important;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.55;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	appearance: none;
	transition:
		color 240ms ease,
		transform 240ms var(--skh-ease);
}

.skh button.skh-network__tab:hover:not(.is-active) {
	color: #315bdc !important;
}

.skh button.skh-network__tab.is-active,
.skh button.skh-network__tab[aria-selected="true"] {
	color: #4164dc !important;
}

.skh button.skh-network__tab:active {
	transform: scale(.985);
}

.skh button.skh-network__tab:focus-visible {
	outline: 3px solid rgba(0, 85, 130, .18);
	outline-offset: 2px;
}

.skh-network__panels {
	width: min(1180px, 100%);
	margin-inline: auto;
}

.skh-network__panel[hidden] {
	display: none;
}

.skh-network__panel.is-active {
	animation: skh-panel-in 400ms var(--skh-ease) both;
}

.skh-network__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.skh-network__grid .skh-card--featured {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
	min-height: 350px;
}

.skh-network__grid .skh-card--featured .skh-card__media {
	padding: 14px;
	border-radius: 28px;
}

.skh-network__grid .skh-card--featured .skh-card__image,
.skh-network__grid .skh-card--featured .skh-image-fallback {
	max-height: 430px;
	border-radius: 22px !important;
	clip-path: inset(0 round 22px);
}

.skh-network__grid .skh-card--featured .skh-card__body {
	justify-content: center;
	padding: clamp(30px, 4vw, 50px);
}

.skh-network__grid .skh-card--featured h3 {
	font-size: clamp(25px, 2.6vw, 36px);
	font-weight: 700;
	line-height: 1.5;
}

.skh-network__grid .skh-card--featured p {
	font-size: 14px;
	-webkit-line-clamp: 4;
}

.skh-network__more {
	justify-content: center;
	gap: 11px;
	min-height: 48px;
	margin: 26px auto 0;
	padding: 7px 8px 7px 18px;
	color: var(--skh-blue);
	background: #fff;
	border: 1px solid rgba(0, 85, 130, .13);
	border-radius: 999px;
	box-shadow:
		0 10px 28px rgba(0, 15, 89, .07),
		inset 0 1px 0 rgba(255, 255, 255, .9);
	font-size: 13px;
	font-weight: 600;
	transition:
		color 260ms var(--skh-ease),
		background-color 300ms var(--skh-ease),
		border-color 300ms var(--skh-ease),
		box-shadow 300ms var(--skh-ease),
		transform 300ms var(--skh-ease);
}

.skh-network__more svg {
	width: 32px;
	height: 32px;
	padding: 8px;
	color: #fff;
	background: #000f59;
	border-radius: 50%;
	stroke-width: 1.9;
	transition:
		color 260ms var(--skh-ease),
		background-color 260ms var(--skh-ease),
		transform 320ms var(--skh-ease);
}

.skh-network__more:hover {
	color: #fff;
	background: #000f59;
	border-color: #000f59;
	box-shadow: 0 13px 30px rgba(0, 15, 89, .16);
	transform: translateY(-2px);
}

.skh-network__more:hover svg {
	color: #000f59;
	background: #fff;
	transform: translateX(-2px);
}

.skh-network__more:focus-visible {
	outline: 3px solid rgba(0, 15, 89, .16);
	outline-offset: 3px;
}

@keyframes skh-panel-in {
	from {
		opacity: 0;
		transform: translateY(8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* The three all-content shortcodes */
.skh-listing {
	padding: clamp(58px, 8vw, 100px) 20px;
	background: transparent;
}

.skh-listing__heading {
	max-width: 760px;
	margin-bottom: 38px;
}

.skh-listing__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	width: min(1180px, 100%);
	margin-inline: auto;
}

.skh-listing__grid .skh-card__media {
	min-height: 190px;
	padding: 12px 12px 0;
	overflow: hidden;
	border-radius: 30px 30px 0 0;
}

.skh-listing__grid .skh-card__image,
.skh-listing__grid .skh-image-fallback {
	max-height: 300px;
	overflow: hidden;
	border-radius: 20px;
	clip-path: inset(0 round 20px);
}

/* Pagination */
.skh-pagination {
	width: min(1180px, 100%);
	margin: 42px auto 0;
}

.skh-pagination ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.skh-pagination .page-numbers {
	display: grid;
	min-width: 40px;
	min-height: 40px;
	padding: 7px 11px;
	color: var(--skh-muted);
	background: var(--skh-surface);
	border-radius: 12px;
	place-items: center;
	font-size: 12px;
	font-weight: 600;
	transition:
		color 260ms ease,
		background-color 260ms ease,
		transform 260ms var(--skh-ease);
}

.skh-pagination a.page-numbers:hover {
	color: var(--skh-blue);
	transform: translateY(-1px);
}

.skh-pagination .page-numbers.current {
	color: #fff;
	background: var(--skh-blue);
}

/* Unified single: image, title, editor content + sticky related rail */
.skh-single-clean {
	min-height: 70vh;
	padding: clamp(60px, 8vw, 108px) 0 clamp(90px, 11vw, 150px);
	overflow: visible;
	background: var(--skh-page);
}

.skh-single-clean__layout {
	display: grid;
	grid-template-columns: minmax(0, 790px) minmax(250px, 310px);
	align-items: start;
	justify-content: center;
	gap: clamp(34px, 5vw, 68px);
	overflow: visible;
}

.skh-single-clean__layout--solo {
	grid-template-columns: minmax(0, 820px);
}

.skh-single-clean__article {
	min-width: 0;
}

.skh-single-clean__cover {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 0 34px;
	padding: 0;
	overflow: hidden;
	background: transparent;
	border-radius: 26px;
}

.skh-single-clean__image {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	object-fit: contain;
	border-radius: 26px;
	box-shadow: 0 24px 68px rgba(21, 45, 57, .09);
}

.skh-single-clean__header {
	padding: 0 4px;
}

.skh-single-clean__header > a {
	display: inline-flex;
	align-items: center;
	min-height: 31px;
	padding: 5px 12px;
	color: var(--skh-blue);
	background: var(--skh-blue-soft);
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
}

.skh-single-clean__header h1 {
	margin: 15px 0 0;
	color: var(--skh-heading);
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 700;
	letter-spacing: -.03em;
	line-height: 1.6;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

.skh-single-clean__meta {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 15px;
	color: var(--skh-muted);
	font-size: 11px;
	line-height: 1.8;
}

.skh-single-clean__meta span {
	width: 4px;
	height: 4px;
	background: var(--skh-orange);
	border-radius: 50%;
}

.skh-single-clean__meta b {
	font-weight: 500;
}

.skh-single-clean__content {
	margin-top: 42px;
}

/* WordPress editor output */
.skh-prose {
	color: #33434c;
	font-size: 15px;
	font-weight: 400;
	line-height: 2.15;
	text-align: justify;
	text-align-last: right;
	text-justify: inter-word;
}

.skh-prose > *:first-child {
	margin-top: 0;
}

.skh-prose h2,
.skh-prose h3,
.skh-prose h4 {
	color: var(--skh-heading);
	font-weight: 700;
	letter-spacing: -.025em;
	text-align: right;
	text-wrap: balance;
}

.skh-prose h2 {
	margin: 2.15em 0 .72em;
	font-size: clamp(23px, 2.8vw, 32px);
	line-height: 1.65;
}

.skh-prose h3 {
	margin: 1.9em 0 .62em;
	font-size: clamp(19px, 2.2vw, 25px);
	line-height: 1.7;
}

.skh-prose p {
	margin: 0 0 1.35em;
}

.skh-prose ul,
.skh-prose ol {
	margin: 1.2em 0 1.5em;
	padding-right: 1.45em;
}

.skh-prose li {
	margin-bottom: .55em;
}

.skh-prose a {
	color: var(--skh-blue);
	text-decoration: underline;
	text-decoration-color: rgba(0, 85, 130, .22);
	text-underline-offset: 4px;
}

.skh-prose img,
.skh-prose video {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin-inline: auto;
	border-radius: 20px;
}

.skh-prose figure {
	max-width: 100%;
	margin: 2.2em auto;
}

.skh-prose figcaption {
	margin-top: 9px;
	color: var(--skh-muted);
	font-size: 11px;
	text-align: center;
}

.skh-prose .wp-block-gallery {
	gap: 12px;
}

.skh-prose iframe {
	width: 100%;
	max-width: 100%;
	border: 0;
	border-radius: 18px;
}

.skh-prose blockquote {
	margin: 2em 0;
	padding: 20px 24px;
	color: var(--skh-blue-dark);
	background: var(--skh-surface);
	border-right: 3px solid var(--skh-orange);
	border-radius: 16px;
	font-size: 16px;
}

.skh-prose table {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	white-space: nowrap;
}

.skh-prose th,
.skh-prose td {
	padding: 11px 14px;
	border-bottom: 1px solid var(--skh-line);
	text-align: right;
}

.skh-prose th {
	color: var(--skh-blue-dark);
	background: var(--skh-blue-soft);
}

.skh-prose pre {
	overflow-x: auto;
	padding: 18px;
	direction: ltr;
	color: #f8fafc;
	background: #111827;
	border-radius: 16px;
	text-align: left;
}

.skh-prose .alignwide,
.skh-prose .alignfull {
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	transform: none;
}

.skh-content-pages {
	margin-top: 30px;
}

/* Sticky related posts */
.skh-related {
	position: sticky;
	top: 104px;
	align-self: start;
	min-width: 0;
	max-height: calc(100vh - 128px);
}

.skh-related__sticky {
	position: static;
	max-height: inherit;
	padding: 20px;
	overflow-y: auto;
	background: rgba(255, 255, 255, .82);
	border-radius: 24px;
	box-shadow: 0 12px 42px rgba(21, 45, 57, .055);
	backdrop-filter: blur(12px);
	scrollbar-color: rgba(0, 85, 130, .2) transparent;
	scrollbar-width: thin;
}

body.admin-bar .skh-related {
	top: 136px;
	max-height: calc(100vh - 160px);
}

.skh-related__heading {
	margin-bottom: 16px;
}

.skh-related__heading span {
	color: var(--skh-orange-strong);
	font-size: 10px;
	font-weight: 700;
}

.skh-related__heading h2 {
	margin: 4px 0 0;
	color: var(--skh-heading);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.6;
}

.skh-related__list {
	display: grid;
	gap: 9px;
}

.skh-related-card {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr);
	align-items: center;
	gap: 11px;
	padding: 7px;
	border-radius: 15px;
	transition:
		background-color 300ms var(--skh-ease),
		transform 300ms var(--skh-ease);
}

.skh-related-card:hover {
	background: #f3f7f9;
	transform: translateX(-2px);
}

.skh-related-card__media {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 86px;
	height: 66px;
	overflow: hidden;
	background: #fff;
	border-radius: 11px;
}

.skh-related-card__image,
.skh-related-card__media .skh-image-fallback {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: contain;
	border-radius: 11px;
}

.skh-related-card strong {
	display: -webkit-box;
	overflow: hidden;
	color: var(--skh-heading);
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.75;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.skh-related__all {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 17px;
	color: var(--skh-blue);
	font-size: 11px;
	font-weight: 700;
}

/* Integrated book promo below the homepage knowledge tabs */
.skh-book-promo {
	--skh-book-primary: #000f59;
	--skh-book-accent: #ff7614;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr);
	align-items: center;
	gap: clamp(30px, 6vw, 84px);
	width: min(1180px, 100%);
	min-height: 306px;
	margin: clamp(70px, 8vw, 108px) auto 0;
	padding: clamp(38px, 5vw, 68px);
	overflow: visible;
	color: #fff;
	background:
		radial-gradient(circle at 12% 20%, rgba(255, 118, 20, .16), transparent 28%),
		linear-gradient(135deg, color-mix(in srgb, var(--skh-book-primary) 91%, #fff), var(--skh-book-primary));
	border-radius: 34px;
	box-shadow: 0 28px 68px rgba(0, 15, 89, .14);
	isolation: isolate;
}

.skh-book-promo::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	overflow: hidden;
	background-image:
		linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
	background-size: 40px 40px;
	border-radius: inherit;
	mask-image: linear-gradient(90deg, transparent, #000 30%, #000);
}

.skh-book-promo__content {
	position: relative;
	z-index: 2;
	grid-column: 1;
	max-width: 600px;
}

.skh-book-promo__content > p {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 13px;
	color: rgba(255, 255, 255, .72);
	font-size: 11px;
	font-weight: 600;
}

.skh-book-promo__content > p i {
	width: 7px;
	height: 7px;
	background: var(--skh-book-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 5px color-mix(in srgb, var(--skh-book-accent) 15%, transparent);
}

.skh-book-promo h3 {
	margin: 0;
	color: #fff;
	font-size: clamp(27px, 3.5vw, 48px);
	font-weight: 700;
	letter-spacing: -.045em;
	line-height: 1.42;
	text-wrap: balance;
}

.skh-book-promo__content > span {
	display: block;
	max-width: 540px;
	margin-top: 12px;
	color: rgba(255, 255, 255, .7);
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.95;
}

.skh-book-promo__content > a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	margin-top: 25px;
	padding: 10px 18px;
	color: var(--skh-book-primary);
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .13);
	font-size: 12px;
	font-weight: 700;
	transition:
		box-shadow 320ms var(--skh-ease),
		transform 320ms var(--skh-ease);
}

.skh-book-promo__content > a:hover {
	color: var(--skh-book-primary);
	box-shadow: 0 15px 34px rgba(0, 0, 0, .18);
	transform: translateY(-2px);
}

.skh-book-promo__content > a svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	transition: transform 320ms var(--skh-ease);
}

.skh-book-promo__content > a:hover svg {
	transform: translateX(-3px);
}

.skh-book-promo__visual {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: clamp(32px, 7vw, 88px);
	width: clamp(220px, 24vw, 305px);
	height: calc(100% + 76px);
	perspective: 1300px;
}

.skh-book-promo__shadow {
	position: absolute;
	right: 8%;
	bottom: 6px;
	left: 8%;
	height: 28px;
	background: rgba(0, 0, 0, .3);
	border-radius: 50%;
	filter: blur(18px);
	transform: rotate(-3deg);
}

.skh-book-promo__window {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 38px 12px 12px;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .75);
	border-radius: 20px;
	box-shadow:
		0 28px 60px rgba(0, 0, 0, .22),
		inset 0 0 0 1px rgba(0, 15, 89, .04);
	transform: rotateY(7deg) rotateX(1deg);
	transform-origin: center bottom;
	transition: transform 700ms var(--skh-ease);
}

.skh-book-promo__window.has-custom-image {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 0;
	overflow: visible;
	background: transparent;
	border: 0;
	border-color: rgba(255, 255, 255, .58);
	border-radius: 0;
	box-shadow: none;
}

.skh-book-promo:hover .skh-book-promo__window {
	transform: rotateY(2deg) rotateX(0) translateY(-3px);
}

.skh-book-promo__window > b {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	display: flex;
	align-items: center;
	gap: 5px;
	height: 28px;
	padding: 0 11px;
	background: #f3f4f6;
	border-bottom: 1px solid #e5e7eb;
	direction: ltr;
}

.skh-book-promo__window > b i {
	width: 6px;
	height: 6px;
	background: #cbd5e1;
	border-radius: 50%;
}

.skh-book-promo__window > b i:first-child {
	background: var(--skh-book-accent);
}

.skh-book-promo__window > img {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 11px;
	object-fit: contain;
	object-position: center bottom;
}

.skh-book-promo__window.has-custom-image > img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	background: transparent;
	border-radius: 10px;
	object-fit: contain !important;
	object-position: center bottom !important;
}

.skh-book-promo__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-direction: column;
	padding: 28px;
	color: var(--skh-book-primary);
	background:
		linear-gradient(155deg, rgba(0, 15, 89, .04), transparent 46%),
		#fff;
	text-align: center;
}

.skh-book-promo__placeholder strong {
	font-size: 27px;
	font-weight: 800;
}

.skh-book-promo__placeholder em {
	margin-top: 7px;
	color: var(--skh-book-accent);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
}

/* Dedicated book landing page */
.skh-book-page {
	--skh-book-primary: #000f59;
	--skh-book-accent: #ff7614;
	--skh-book-bg: #f7f7f7;
	position: relative;
	overflow: clip;
	background: var(--skh-book-bg);
	color: #111827;
}

.skh-book-page::before {
	content: "";
	position: absolute;
	top: -280px;
	right: -180px;
	width: 700px;
	height: 700px;
	background: radial-gradient(circle, color-mix(in srgb, var(--skh-book-accent) 10%, transparent), transparent 68%);
	border-radius: 50%;
	pointer-events: none;
}

.skh-book-page__hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(470px, 1.08fr);
	align-items: center;
	gap: clamp(46px, 6vw, 94px);
	width: min(1280px, calc(100% - 48px));
	min-height: min(850px, calc(100svh - 70px));
	margin-inline: auto;
	padding: clamp(78px, 9vw, 132px) 0 clamp(90px, 10vw, 146px);
}

.skh-book-page__copy {
	position: relative;
	z-index: 2;
}

.skh-book-page__eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 18px;
	color: var(--skh-book-primary);
	font-size: 12px;
	font-weight: 700;
}

.skh-book-page__eyebrow i {
	width: 8px;
	height: 8px;
	background: var(--skh-book-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 5px color-mix(in srgb, var(--skh-book-accent) 13%, transparent);
}

.skh-book-page h1 {
	margin: 0;
	color: var(--skh-book-primary);
	font-size: clamp(42px, 5.1vw, 72px);
	font-weight: 800;
	letter-spacing: -.055em;
	line-height: 1.2;
	text-wrap: balance;
}

.skh-book-page__subtitle {
	max-width: 650px;
	margin: 22px 0 0;
	color: #334155;
	font-size: clamp(16px, 1.55vw, 21px);
	font-weight: 500;
	line-height: 1.9;
	text-wrap: pretty;
}

.skh-book-page__author {
	display: flex;
	align-items: center;
	gap: 9px;
	width: fit-content;
	margin: 18px 0 0;
	padding: 7px 12px;
	color: #64748b;
	background: rgba(255, 255, 255, .7);
	border: 1px solid rgba(0, 15, 89, .08);
	border-radius: 999px;
	font-size: 11px;
	backdrop-filter: blur(10px);
}

.skh-book-page__author span::after {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 9px;
	background: var(--skh-book-accent);
	border-radius: 50%;
	vertical-align: middle;
}

.skh-book-page__author strong {
	color: var(--skh-book-primary);
	font-weight: 700;
}

.skh-book-page__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.skh-book-page__facts li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 29px;
	padding: 5px 9px;
	color: #64748b;
	background: rgba(255, 255, 255, .55);
	border-radius: 8px;
	font-size: 9px;
}

.skh-book-page__facts strong {
	color: #334155;
	font-weight: 650;
}

.skh-book-page__lead {
	max-width: 610px;
	margin: 23px 0 0;
	color: #64748b;
	font-size: 14px;
	line-height: 2.05;
	text-align: justify;
	text-align-last: right;
}

.skh-book-page__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 29px;
}

.skh-book-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 51px;
	padding: 10px 20px;
	border: 1px solid rgba(0, 15, 89, .12);
	border-radius: 14px;
	font-size: 12px;
	font-weight: 700;
	transition:
		background-color 280ms var(--skh-ease),
		box-shadow 320ms var(--skh-ease),
		transform 320ms var(--skh-ease);
}

.skh-book-button svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.skh-book-button--primary {
	color: #fff !important;
	background: var(--skh-book-primary);
	border-color: var(--skh-book-primary);
	box-shadow: 0 13px 28px color-mix(in srgb, var(--skh-book-primary) 17%, transparent);
}

.skh-book-button--secondary {
	color: var(--skh-book-primary) !important;
	background: rgba(255, 255, 255, .78);
}

.skh-book-button:hover {
	transform: translateY(-2px);
}

.skh-book-button--primary:hover {
	box-shadow: 0 18px 38px color-mix(in srgb, var(--skh-book-primary) 22%, transparent);
}

/* Dependency-free 3D page turner */
.skh-book-reader {
	position: relative;
	z-index: 1;
	min-width: 0;
	padding: clamp(22px, 3vw, 38px);
	border: 1px solid rgba(0, 15, 89, .07);
	border-radius: 36px;
}

.skh-book-reader::before {
	content: "";
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .56)),
		radial-gradient(circle at 75% 20%, color-mix(in srgb, var(--skh-book-accent) 13%, transparent), transparent 35%);
	border-radius: inherit;
	box-shadow:
		0 35px 90px rgba(0, 15, 89, .09),
		inset 0 1px 0 #fff;
	backdrop-filter: none;
}

.skh-book-reader__ambient {
	position: absolute;
	z-index: -1;
	right: 12%;
	bottom: 12%;
	left: 12%;
	height: 17%;
	background: rgba(0, 15, 89, .23);
	border-radius: 50%;
	filter: blur(30px);
	transform: scaleX(.85);
}

.skh-book-reader__viewport {
	position: relative;
	width: 100%;
	aspect-ratio: 1.45;
	contain: layout paint;
	outline: none;
	perspective: 1800px;
	touch-action: pan-y;
}

.skh-book-reader__viewport:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--skh-book-primary) 18%, transparent);
	outline-offset: 8px;
	border-radius: 12px;
}

.skh-book-reader__book {
	position: absolute;
	inset: 2%;
	transform: rotateX(2deg);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.skh-book-reader__board {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	background: #e9edf3;
	border: 1px solid rgba(0, 15, 89, .09);
	box-shadow: 0 20px 48px rgba(15, 23, 42, .15);
}

.skh-book-reader__board--left {
	left: 0;
	border-radius: 15px 4px 4px 15px;
}

.skh-book-reader__board--right {
	right: 0;
	border-radius: 4px 15px 15px 4px;
}

.skh-book-reader__spine {
	position: absolute;
	z-index: 90;
	top: 0;
	bottom: 0;
	left: calc(50% - 5px);
	width: 10px;
	background: linear-gradient(90deg, rgba(0, 0, 0, .14), rgba(255, 255, 255, .75) 47%, rgba(0, 0, 0, .11));
	box-shadow: 0 0 16px rgba(15, 23, 42, .16);
	opacity: .7;
	pointer-events: none;
}

.skh-book-reader__sheet {
	position: absolute;
	z-index: calc(70 - var(--skh-sheet));
	top: 0;
	bottom: 0;
	right: 50%;
	left: auto;
	width: 50%;
	transform: translateZ(0) rotateY(0deg);
	transform-origin: right center;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition:
		transform 760ms cubic-bezier(.22, .68, .24, 1),
		z-index 0s linear 380ms;
	will-change: auto;
}

.skh-book-reader__sheet.is-near {
	will-change: transform;
}

.skh-book-reader__sheet.is-flipped {
	z-index: calc(20 + var(--skh-sheet));
	transform: translateZ(0) rotateY(180deg);
}

.skh-book-reader__side {
	position: absolute;
	inset: 0;
	display: grid;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, .08);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	place-items: center;
}

.skh-book-reader__front {
	border-radius: 13px 3px 3px 13px;
	box-shadow:
		inset -12px 0 20px rgba(15, 23, 42, .05),
		-8px 7px 20px rgba(15, 23, 42, .1);
}

.skh-book-reader__back {
	border-radius: 3px 13px 13px 3px;
	box-shadow:
		inset 12px 0 20px rgba(15, 23, 42, .05),
		8px 7px 20px rgba(15, 23, 42, .1);
	transform: rotateY(180deg);
}

.skh-book-reader__image {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	object-fit: contain;
	pointer-events: none;
	transform: translateZ(.1px);
	-webkit-transform: translateZ(.1px);
}

.skh-book-reader__blank {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(90deg, rgba(0, 15, 89, .035), transparent 10%),
		#fff;
}

.skh-book-reader__blank i {
	position: absolute;
	top: 12%;
	right: 12%;
	left: 12%;
	height: 1px;
	background: #eef1f5;
	box-shadow: 0 13px 0 #eef1f5, 0 26px 0 #eef1f5;
}

.skh-book-reader[data-skh-book-intro="true"]:not(.is-interacted) .skh-book-reader__spine + .skh-book-reader__sheet {
	animation: skh-book-cover-intro 3.4s 1.1s var(--skh-ease) 1;
}

.skh-book-reader__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 21px;
	direction: ltr;
}

.skh-book-reader__controls button,
.skh-book-reader__controls button:hover,
.skh-book-reader__controls button:focus {
	display: grid;
	width: 44px;
	height: 44px;
	padding: 0;
	color: var(--skh-book-primary) !important;
	background: #fff !important;
	background-image: none !important;
	border: 1px solid rgba(0, 15, 89, .1) !important;
	border-radius: 50%;
	box-shadow: 0 8px 20px rgba(0, 15, 89, .07) !important;
	place-items: center;
	cursor: pointer;
	appearance: none;
	transition:
		color 240ms ease,
		background-color 240ms ease,
		box-shadow 300ms var(--skh-ease),
		transform 300ms var(--skh-ease);
}

.skh-book-reader__controls button:hover:not(:disabled) {
	color: #fff !important;
	background: var(--skh-book-primary) !important;
	box-shadow: 0 12px 28px color-mix(in srgb, var(--skh-book-primary) 18%, transparent) !important;
	transform: translateY(-2px);
}

.skh-book-reader__controls button:disabled {
	opacity: .34;
	cursor: not-allowed;
}

.skh-book-reader__controls svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.skh-book-reader__progress {
	display: grid;
	gap: 6px;
	min-width: 110px;
	color: #64748b;
	font-size: 10px;
	text-align: center;
}

.skh-book-reader__progress span {
	direction: rtl;
}

.skh-book-reader__progress i,
.skh-book-reader__progress b {
	color: var(--skh-book-primary);
	font-style: normal;
	font-weight: 700;
}

.skh-book-reader__progress em {
	display: block;
	width: 100%;
	height: 3px;
	overflow: hidden;
	background: rgba(0, 15, 89, .08);
	border-radius: 999px;
}

.skh-book-reader__progress em i {
	display: block;
	width: 0;
	height: 100%;
	background: var(--skh-book-accent);
	border-radius: inherit;
	transition: width 600ms var(--skh-ease);
}

.skh-book-reader__hint {
	margin: 10px 0 0;
	color: #94a3b8;
	font-size: 9.5px;
	line-height: 1.8;
	text-align: center;
}

@keyframes skh-book-cover-intro {
	0%,
	100% {
		transform: rotateY(0deg);
	}

	38% {
		transform: rotateY(16deg);
	}

	58% {
		transform: rotateY(7deg);
	}
}

.skh-book-page__content {
	position: relative;
	z-index: 2;
	width: min(1160px, calc(100% - 48px));
	margin-inline: auto;
	padding-bottom: clamp(90px, 11vw, 156px);
}

.skh-book-about {
	display: grid;
	grid-template-columns: minmax(230px, .38fr) minmax(0, .62fr);
	gap: clamp(38px, 8vw, 112px);
	padding: clamp(54px, 7vw, 88px) 0;
	border-top: 1px solid rgba(0, 15, 89, .08);
}

.skh-book-section-heading > span,
.skh-book-purchase__intro > span,
.skh-book-contact > div > span {
	color: var(--skh-book-accent);
	font-size: 10px;
	font-weight: 700;
}

.skh-book-section-heading h2,
.skh-book-purchase h2,
.skh-book-contact h2 {
	margin: 8px 0 0;
	color: var(--skh-book-primary);
	font-size: clamp(29px, 3.8vw, 46px);
	font-weight: 750;
	letter-spacing: -.04em;
	line-height: 1.4;
	text-wrap: balance;
}

.skh-book-about__prose {
	color: #475569;
	font-size: 14.5px;
	line-height: 2.2;
	text-align: justify;
	text-align-last: right;
}

.skh-book-about__prose > *:first-child {
	margin-top: 0;
}

.skh-book-about__prose > *:last-child {
	margin-bottom: 0;
}

.skh-book-about__prose img {
	max-width: 100%;
	height: auto;
	border-radius: 18px;
}

.skh-book-features {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 16px 0 clamp(86px, 10vw, 130px);
	border-top: 1px solid rgba(0, 15, 89, .08);
	border-bottom: 1px solid rgba(0, 15, 89, .08);
}

.skh-book-features article {
	position: relative;
	min-width: 0;
	padding: clamp(30px, 4vw, 48px);
}

.skh-book-features article + article {
	border-right: 1px solid rgba(0, 15, 89, .08);
}

.skh-book-features article > span {
	display: block;
	color: var(--skh-book-accent);
	font-size: 10px;
	font-weight: 700;
	direction: ltr;
	text-align: right;
}

.skh-book-features h3 {
	margin: 16px 0 0;
	color: var(--skh-book-primary);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.7;
}

.skh-book-features p {
	margin: 10px 0 0;
	color: #64748b;
	font-size: 12px;
	line-height: 2;
	text-align: justify;
	text-align-last: right;
}

.skh-book-purchase {
	display: grid;
	grid-template-columns: minmax(230px, .38fr) minmax(0, .62fr);
	align-items: start;
	gap: clamp(38px, 8vw, 112px);
}

.skh-book-purchase__intro > p {
	margin: 14px 0 0;
	color: #64748b;
	font-size: 13px;
	line-height: 2;
}

.skh-book-purchase__options {
	display: grid;
	gap: 12px;
}

.skh-book-purchase__options article {
	display: grid;
	grid-template-columns: 53px minmax(0, 1fr) auto;
	align-items: center;
	gap: 15px;
	padding: 19px;
	background: rgba(255, 255, 255, .72);
	border: 1px solid rgba(0, 15, 89, .08);
	border-radius: 20px;
	transition:
		background-color 320ms var(--skh-ease),
		box-shadow 360ms var(--skh-ease),
		transform 360ms var(--skh-ease);
}

.skh-book-purchase__options article:hover {
	background: #fff;
	box-shadow: 0 18px 42px rgba(0, 15, 89, .07);
	transform: translateY(-2px);
}

.skh-book-purchase__options article > i {
	display: grid;
	width: 53px;
	height: 53px;
	color: var(--skh-book-primary);
	background: color-mix(in srgb, var(--skh-book-primary) 6%, #fff);
	border-radius: 15px;
	place-items: center;
	font-size: 9px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .05em;
}

.skh-book-purchase__options article.is-primary > i {
	color: #fff;
	background: var(--skh-book-primary);
}

.skh-book-purchase__options h3 {
	margin: 0;
	color: var(--skh-book-primary);
	font-size: 14px;
	font-weight: 700;
}

.skh-book-purchase__options p {
	margin: 5px 0 0;
	color: #64748b;
	font-size: 11px;
	line-height: 1.8;
}

.skh-book-page .skh-book-purchase__options .skh-book-purchase__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	box-sizing: border-box !important;
	inline-size: 158px !important;
	block-size: 42px !important;
	width: 158px !important;
	min-width: 158px !important;
	max-width: 158px !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	color: var(--skh-book-primary) !important;
	background: #fff !important;
	background-image: none !important;
	border: 1px solid rgba(0, 15, 89, .1) !important;
	border-radius: 11px !important;
	box-shadow: none !important;
	font: 700 11px/1.2 "YekanBakh", Tahoma, sans-serif !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: none !important;
	white-space: nowrap;
	cursor: pointer;
	appearance: none !important;
	-webkit-appearance: none !important;
	transition:
		color 260ms ease,
		background-color 260ms ease,
		box-shadow 280ms var(--skh-ease),
		transform 280ms var(--skh-ease);
}

.skh-book-page .skh-book-purchase__options .skh-book-purchase__action:hover,
.skh-book-page .skh-book-purchase__options .skh-book-purchase__action:focus {
	color: #fff !important;
	background: var(--skh-book-primary) !important;
	background-image: none !important;
	border-color: var(--skh-book-primary) !important;
	box-shadow: 0 10px 24px color-mix(in srgb, var(--skh-book-primary) 16%, transparent);
	transform: translateY(-1px);
}

.skh-book-page .skh-book-purchase__options .skh-book-purchase__action svg {
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.skh-book-purchase__pending {
	color: #94a3b8;
	font-size: 9px;
}

/* Print-edition purchase dialog */
html.skh-book-modal-open,
body.skh-book-modal-open {
	overflow: hidden !important;
}

.skh-book-order-modal[hidden] {
	display: none !important;
}

.skh-book-order-modal {
	position: fixed;
	z-index: 100050;
	inset: 0;
	display: grid;
	align-items: center;
	justify-items: center;
	padding: 24px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 280ms ease;
}

.skh-book-order-modal.is-open {
	opacity: 1;
	pointer-events: auto;
}

.skh-book-order-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 9, 44, .58);
}

.skh-book-order-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(610px, 100%);
	max-height: min(760px, calc(100svh - 48px));
	padding: clamp(24px, 4vw, 36px);
	overflow: auto;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .76);
	border-radius: 28px;
	box-shadow: 0 36px 100px rgba(0, 9, 44, .28);
	outline: none;
	opacity: 0;
	transform: translateY(20px) scale(.975);
	transition:
		opacity 260ms ease,
		transform 420ms var(--skh-ease);
}

.skh-book-order-modal.is-open .skh-book-order-modal__dialog {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.skh-book-order-modal__close,
.skh-book-order-modal__close:hover,
.skh-book-order-modal__close:focus {
	position: absolute;
	z-index: 2;
	top: 18px;
	left: 18px;
	display: grid;
	width: 38px;
	min-width: 38px;
	height: 38px;
	min-height: 38px;
	margin: 0;
	padding: 0;
	color: #64748b !important;
	background: #f4f6f9 !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 50%;
	box-shadow: none !important;
	font-size: 0;
	line-height: 1;
	place-items: center;
	transform: none !important;
	cursor: pointer;
	appearance: none;
	transition:
		color 240ms ease,
		background-color 240ms ease,
		transform 300ms var(--skh-ease);
}

.skh-book-order-modal__close:hover {
	color: var(--skh-book-primary) !important;
	background: #eef1f7 !important;
	transform: none !important;
}

.skh-book-order-modal__close svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 1.8;
}

.skh-book-order-modal__header {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding-left: 44px;
}

.skh-book-order-modal__icon {
	display: grid;
	width: 56px;
	height: 56px;
	color: var(--skh-book-primary);
	background: color-mix(in srgb, var(--skh-book-primary) 6%, #fff);
	border-radius: 17px;
	place-items: center;
}

.skh-book-order-modal__icon svg {
	width: 28px;
	height: 28px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.65;
}

.skh-book-order-modal__header p {
	margin: 0 0 4px;
	color: var(--skh-book-accent);
	font-size: 10px;
	font-weight: 700;
}

.skh-book-order-modal__header h2 {
	margin: 0;
	color: var(--skh-book-primary);
	font-size: clamp(22px, 4vw, 29px);
	font-weight: 750;
	letter-spacing: -.025em;
	line-height: 1.5;
}

.skh-book-order-modal__price {
	padding: 10px 14px;
	color: var(--skh-book-primary);
	background: color-mix(in srgb, var(--skh-book-accent) 12%, #fff);
	border: 1px solid color-mix(in srgb, var(--skh-book-accent) 20%, transparent);
	border-radius: 12px;
	font-size: clamp(12px, 2vw, 14px);
	font-weight: 800;
	line-height: 1.5;
	white-space: nowrap;
}

.skh-book-order-modal__description {
	margin: 22px 0 0;
	color: #64748b;
	font-size: 12.5px;
	line-height: 2;
}

.skh-book-order-modal__payment {
	margin-top: 20px;
	padding: 18px;
	background: #f7f8fb;
	border: 1px solid rgba(0, 15, 89, .07);
	border-radius: 19px;
}

.skh-book-order-modal__payment-head,
.skh-book-order-modal__card-row,
.skh-book-order-modal__payment > p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.skh-book-order-modal__payment-head span {
	color: #475569;
	font-size: 10px;
	font-weight: 650;
}

.skh-book-order-modal__payment-head small {
	color: #94a3b8;
	font-size: 9px;
}

.skh-book-order-modal__card-row {
	margin-top: 10px;
	padding: 13px 14px;
	background: #fff;
	border-radius: 13px;
}

.skh-book-order-modal__card-row b {
	color: var(--skh-book-primary);
	font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
	font-size: clamp(15px, 3vw, 20px);
	font-weight: 750;
	letter-spacing: .075em;
	white-space: nowrap;
}

.skh-book-order-modal__card-row button,
.skh-book-order-modal__card-row button:hover,
.skh-book-order-modal__card-row button:focus {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 36px;
	padding: 7px 10px;
	color: var(--skh-book-primary) !important;
	background: color-mix(in srgb, var(--skh-book-primary) 6%, #fff) !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 9px;
	box-shadow: none !important;
	font-family: inherit;
	font-size: 9px;
	font-weight: 700;
	white-space: nowrap;
	cursor: pointer;
	appearance: none;
	transition:
		color 240ms ease,
		background-color 240ms ease,
		transform 280ms var(--skh-ease);
}

.skh-book-order-modal__card-row button:hover,
.skh-book-order-modal__card-row button.is-copied {
	color: #fff !important;
	background: var(--skh-book-primary) !important;
	transform: translateY(-1px);
}

.skh-book-order-modal__card-row button svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

.skh-book-order-modal__payment > p {
	justify-content: flex-start;
	margin: 13px 2px 0;
	color: #94a3b8;
	font-size: 9.5px;
}

.skh-book-order-modal__payment > p strong {
	color: #475569;
	font-weight: 700;
}

.skh-book-order-modal__steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 13px;
}

.skh-book-order-modal__steps p {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	padding: 12px;
	color: #64748b;
	background: #fff;
	border: 1px solid rgba(0, 15, 89, .07);
	border-radius: 13px;
	font-size: 10px;
	line-height: 1.8;
}

.skh-book-order-modal__steps i {
	display: grid;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	color: var(--skh-book-primary);
	background: color-mix(in srgb, var(--skh-book-accent) 13%, #fff);
	border-radius: 8px;
	place-items: center;
	font-style: normal;
	font-weight: 750;
}

.skh-book-order-modal__footer {
	display: flex;
	align-items: center;
	margin-top: 22px;
}

.skh-book-order-modal__footer > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 54px;
	padding: 12px 22px;
	border-radius: 14px;
	font-family: inherit;
	font-size: 12px;
	font-weight: 750;
	cursor: pointer;
	appearance: none;
	transition:
		background-color 240ms ease,
		box-shadow 300ms var(--skh-ease),
		transform 300ms var(--skh-ease);
}

.skh-book-order-modal__footer > a {
	color: #fff;
	background: var(--skh-book-primary);
	border: 1px solid var(--skh-book-primary);
	box-shadow: 0 12px 28px color-mix(in srgb, var(--skh-book-primary) 16%, transparent);
}

.skh-book-order-modal__footer > a:hover {
	transform: translateY(-2px);
}

.skh-book-order-modal__footer > a:hover {
	color: #fff;
	box-shadow: 0 16px 34px color-mix(in srgb, var(--skh-book-primary) 22%, transparent);
}

.skh-book-order-modal__footer svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

.skh-book-order-modal__disabled {
	flex: 1;
	color: #94a3b8;
	font-size: 9.5px;
	line-height: 1.8;
}

.skh-book-contact {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 40px;
	margin-top: clamp(72px, 9vw, 112px);
	padding: clamp(34px, 5vw, 58px);
	color: #fff;
	background:
		radial-gradient(circle at 10% 40%, color-mix(in srgb, var(--skh-book-accent) 20%, transparent), transparent 26%),
		var(--skh-book-primary);
	border-radius: 30px;
	box-shadow: 0 26px 64px color-mix(in srgb, var(--skh-book-primary) 14%, transparent);
}

.skh-book-contact > div > span {
	color: color-mix(in srgb, var(--skh-book-accent) 85%, #fff);
}

.skh-book-contact h2 {
	color: #fff;
	font-size: clamp(25px, 3vw, 38px);
}

.skh-book-contact > div > p {
	max-width: 660px;
	margin: 11px 0 0;
	color: rgba(255, 255, 255, .67);
	font-size: 12px;
	line-height: 2;
}

.skh-book-contact nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.skh-book-contact nav > a,
.skh-book-contact nav > span {
	display: grid;
	gap: 3px;
	min-width: 140px;
	padding: 12px 15px;
	color: #fff;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 13px;
	transition:
		background-color 260ms ease,
		transform 300ms var(--skh-ease);
}

.skh-book-contact nav > a:hover {
	color: #fff;
	background: rgba(255, 255, 255, .14);
	transform: translateY(-2px);
}

.skh-book-contact nav small {
	color: rgba(255, 255, 255, .55);
	font-size: 9px;
}

.skh-book-contact nav strong {
	font-size: 11px;
	font-weight: 650;
}

/* Progressive motion */
[data-skh-reveal] {
	opacity: 1;
	translate: none;
}

.skh-motion-ready [data-skh-reveal] {
	opacity: 0;
	translate: 0 14px;
	transition:
		opacity 680ms var(--skh-ease),
		translate 680ms var(--skh-ease);
	transition-delay: var(--skh-delay, 0ms);
}

.skh-motion-ready [data-skh-reveal].is-visible {
	opacity: 1;
	translate: 0 0;
}

@media (max-width: 1050px) {
	.skh-listing__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.skh-single-clean__layout {
		grid-template-columns: minmax(0, 1fr) 270px;
		gap: 32px;
	}

	.skh-book-page__hero {
		grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
		gap: 40px;
	}

	.skh-book-page h1 {
		font-size: clamp(39px, 5vw, 56px);
	}
}

@media (max-width: 820px) {
	.skh-network__grid .skh-card--featured {
		display: flex;
		grid-template-columns: none;
		flex-direction: column;
	}

	.skh-single-clean__layout {
		grid-template-columns: 1fr;
	}

	.skh-related {
		position: static;
		max-height: none;
	}

	body.admin-bar .skh-related {
		top: auto;
		max-height: none;
	}

	.skh-related__sticky {
		max-height: none;
		overflow: visible;
		backdrop-filter: none;
	}

	.skh-related__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.skh-book-promo {
		grid-template-columns: 1fr;
		min-height: 520px;
		padding-bottom: 264px;
		text-align: center;
	}

	.skh-book-promo__content {
		max-width: 620px;
		margin-inline: auto;
	}

	.skh-book-promo__content > p,
	.skh-book-promo__content > a {
		margin-inline: auto;
	}

	.skh-book-promo__content > span {
		margin-inline: auto;
	}

	.skh-book-promo__visual {
		right: 50%;
		bottom: 0;
		left: auto;
		width: min(270px, calc(100% - 80px));
		height: 300px;
		transform: translateX(50%);
	}

	.skh-book-page__hero {
		grid-template-columns: 1fr;
		width: min(720px, calc(100% - 36px));
		min-height: 0;
		padding-block: 74px 98px;
	}

	.skh-book-page__copy {
		max-width: 680px;
		text-align: center;
	}

	.skh-book-page__eyebrow,
	.skh-book-page__author,
	.skh-book-page__facts,
	.skh-book-page__actions {
		justify-content: center;
		margin-inline: auto;
	}

	.skh-book-page__subtitle,
	.skh-book-page__lead {
		margin-inline: auto;
	}

	.skh-book-page__lead {
		text-align-last: center;
	}

	.skh-book-reader {
		width: min(690px, 100%);
		margin-inline: auto;
	}

	.skh-book-page__content {
		width: min(720px, calc(100% - 36px));
	}

	.skh-book-about,
	.skh-book-purchase {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.skh-book-features {
		grid-template-columns: 1fr;
	}

	.skh-book-features article + article {
		border-top: 1px solid rgba(0, 15, 89, .08);
		border-right: 0;
	}

	.skh-book-contact {
		grid-template-columns: 1fr;
	}

	.skh-book-contact nav {
		justify-content: flex-start;
	}
}

@media (min-width: 641px) and (max-width: 820px) {
	.skh-book-promo {
		display: block;
		min-height: 350px;
		padding: 44px 30px 44px 292px;
		text-align: right;
	}

	.skh-book-promo__content {
		width: min(100%, 390px);
		max-width: none;
		margin: 0 0 0 auto;
	}

	.skh-book-promo__content > p,
	.skh-book-promo__content > a,
	.skh-book-promo__content > span {
		margin-inline: 0;
	}

	.skh-book-promo__visual {
		top: -34px;
		right: auto;
		bottom: auto;
		left: 30px;
		width: 235px;
		height: calc(100% + 34px);
		transform: none;
	}
}

@media (max-width: 760px) {
	.skh-network {
		padding: 52px 14px 64px;
	}

	.skh-network__grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.skh-network__grid .skh-card--featured {
		grid-column: auto;
		min-height: 0;
	}

	.skh-card,
	.skh-empty {
		border-radius: 24px;
	}

	.skh-card__body,
	.skh-network__grid .skh-card--featured .skh-card__body {
		justify-content: flex-start;
		padding: 22px;
	}

	.skh-network__grid .skh-card--featured h3 {
		font-size: clamp(22px, 5.5vw, 28px);
	}

	.skh-book-promo {
		margin-top: 62px;
		border-radius: 28px;
	}
}

@media (max-width: 640px) {
	.skh-shell {
		width: min(100% - 28px, 1160px);
	}

	.skh-network,
	.skh-listing {
		padding-inline: 10px;
	}

	.skh-network__heading,
	.skh-listing__heading {
		margin-bottom: 22px;
	}

	.skh-network__heading h2,
	.skh-listing__heading h2 {
		font-size: clamp(31px, 10vw, 38px);
	}

	.skh-network__tabs {
		width: 100%;
		margin-bottom: 22px;
	}

	.skh button.skh-network__tab,
	.skh button.skh-network__tab:hover,
	.skh button.skh-network__tab:focus {
		min-width: max-content;
		min-height: 42px;
		flex: 1 0 auto;
		padding-inline: 15px;
		font-size: 11px;
	}

	.skh-network__panels,
	.skh-listing__grid,
	.skh-pagination {
		width: 100%;
	}

	.skh-listing__grid {
		grid-template-columns: 1fr;
	}

	.skh-card__body,
	.skh-network__grid .skh-card--featured .skh-card__body {
		padding: 19px;
	}

	.skh-card h3 {
		font-size: 18px;
	}

	.skh-network__grid .skh-card--featured h3 {
		font-size: 22px;
	}

	.skh-network__more {
		width: min(100%, 250px);
	}

	.skh-single-clean {
		padding-top: 42px;
	}

	.skh-single-clean__cover {
		margin-bottom: 25px;
		border-radius: 18px;
	}

	.skh-single-clean__image {
		border-radius: 18px;
		box-shadow: 0 17px 46px rgba(21, 45, 57, .08);
	}

	.skh-single-clean__header h1 {
		font-size: clamp(25px, 7.4vw, 29px);
		line-height: 1.7;
	}

	.skh-single-clean__content {
		margin-top: 32px;
	}

	.skh-prose {
		font-size: 14px;
		line-height: 2.05;
	}

	.skh-related__sticky {
		padding: 17px;
		border-radius: 20px;
	}

	.skh-related__list {
		grid-template-columns: 1fr;
	}

	.skh-book-promo {
		display: block;
		min-height: 520px;
		padding: 292px 22px 36px;
		border-radius: 24px;
		text-align: center;
	}

	.skh-book-promo h3 {
		font-size: 27px;
	}

	.skh-book-promo__content {
		width: 100%;
		max-width: 460px;
		margin-inline: auto;
	}

	.skh-book-promo__content > p,
	.skh-book-promo__content > a,
	.skh-book-promo__content > span {
		margin-inline: auto;
	}

	.skh-book-promo__content > span {
		font-size: 12.5px;
	}

	.skh-book-promo__visual {
		top: -30px;
		right: auto;
		bottom: auto;
		left: 50%;
		width: min(220px, calc(100% - 84px));
		height: 300px;
		transform: translateX(-50%);
	}

	.skh-book-page__hero {
		width: min(100% - 28px, 720px);
		padding-block: 56px 76px;
	}

	.skh-book-page h1 {
		font-size: clamp(36px, 11vw, 46px);
		line-height: 1.3;
	}

	.skh-book-page__subtitle {
		font-size: 15px;
	}

	.skh-book-page__lead {
		font-size: 13px;
	}

	.skh-book-page__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.skh-book-button {
		width: 100%;
	}

	.skh-book-reader {
		padding: 18px 14px;
		border-radius: 25px;
	}

	.skh-book-reader__viewport {
		aspect-ratio: .76;
	}

	.skh-book-reader__book {
		inset: 1%;
	}

	.skh-book-reader__board {
		width: 100%;
	}

	.skh-book-reader__board--left {
		display: none;
	}

	.skh-book-reader__board--right {
		right: 0;
		border-radius: 14px;
	}

	.skh-book-reader__spine {
		right: 0;
		left: auto;
		width: 6px;
		border-radius: 0 14px 14px 0;
	}

	.skh-book-reader__sheet {
		right: 0;
		left: auto;
		width: 100%;
		transform-origin: right center;
	}

	.skh-book-reader__book.is-portrait .skh-book-reader__sheet,
	.skh-book-reader__book.is-portrait .skh-book-reader__sheet.is-flipped {
		z-index: auto;
		transform: none;
		transition: none;
	}

	.skh-book-reader__book.is-portrait .skh-book-reader__side {
		z-index: 1;
		opacity: 0;
		backface-visibility: visible;
		border-radius: 14px;
		transform: translateX(-10px) rotateY(-4deg);
		transform-origin: right center;
		transition:
			opacity 340ms ease,
			transform 620ms var(--skh-ease);
		pointer-events: none;
	}

	.skh-book-reader__book.is-portrait .skh-book-reader__side.is-current {
		z-index: 5;
		opacity: 1;
		transform: translateX(0) rotateY(0);
	}

	.skh-book-reader__book.is-portrait .skh-book-reader__side.is-before {
		transform: translateX(13px) rotateY(8deg);
	}

	.skh-book-reader__front,
	.skh-book-reader__back {
		border-radius: 14px;
	}

	.skh-book-reader__hint {
		display: none;
	}

	.skh-book-page__content {
		width: min(100% - 28px, 720px);
	}

	.skh-book-about {
		padding-block: 48px;
	}

	.skh-book-section-heading h2,
	.skh-book-purchase h2 {
		font-size: 30px;
	}

	.skh-book-about__prose {
		font-size: 13.5px;
		line-height: 2.1;
	}

	.skh-book-features article {
		padding: 28px 4px;
	}

	.skh-book-purchase__options article {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.skh-book-purchase__options article > i {
		width: 48px;
		height: 48px;
	}

	.skh-book-purchase__options article > .skh-book-purchase__action,
	.skh-book-purchase__pending {
		grid-column: 1 / -1;
		inline-size: 100% !important;
		block-size: 42px !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		justify-content: center;
	}

	.skh-book-order-modal {
		align-items: end;
		padding: 10px;
	}

	.skh-book-order-modal__dialog {
		width: 100%;
		max-height: calc(100svh - 20px);
		padding: 24px 18px 20px;
		border-radius: 24px;
		transform: translateY(36px) scale(.985);
	}

	.skh-book-order-modal__close,
	.skh-book-order-modal__close:hover,
	.skh-book-order-modal__close:focus {
		top: 14px;
		left: 14px;
	}

	.skh-book-order-modal__header {
		grid-template-columns: 48px minmax(0, 1fr);
		padding-left: 42px;
	}

	.skh-book-order-modal__icon {
		width: 48px;
		height: 48px;
		border-radius: 14px;
	}

	.skh-book-order-modal__price {
		grid-column: 1 / -1;
		justify-self: start;
		margin-top: 3px;
	}

	.skh-book-order-modal__card-row {
		align-items: stretch;
		flex-direction: column;
	}

	.skh-book-order-modal__card-row b {
		text-align: center;
	}

	.skh-book-order-modal__card-row button {
		justify-content: center;
	}

	.skh-book-order-modal__steps {
		grid-template-columns: 1fr;
	}

	.skh-book-order-modal__footer {
		align-items: stretch;
		flex-direction: column;
	}

	.skh-book-order-modal__footer > a {
		width: 100%;
	}

	.skh-book-contact {
		padding: 28px 22px;
		border-radius: 24px;
	}

	.skh-book-contact nav {
		display: grid;
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.skh-book-promo {
		min-height: 500px;
		padding: 266px 18px 32px;
	}

	.skh-book-promo__visual {
		top: -24px;
		width: min(195px, calc(100% - 76px));
		height: 274px;
	}

	.skh-book-promo h3 {
		font-size: 24px;
	}
}

@media (max-width: 360px) {
	.skh-book-promo {
		min-height: 474px;
		padding-top: 238px;
	}

	.skh-book-promo__visual {
		top: -18px;
		width: min(172px, calc(100% - 68px));
		height: 248px;
	}
}

/* Kinetic editorial book promo — isolated redesign for the homepage card. */
.skh-book-promo.skh-book-promo--kinetic {
	--skh-promo-rx: 0deg;
	--skh-promo-ry: 0deg;
	--skh-promo-x: 0px;
	--skh-promo-y: 0px;
	display: block;
	width: min(1180px, 100%);
	min-height: 346px;
	padding: clamp(44px, 5vw, 58px) clamp(42px, 5.5vw, 68px) clamp(44px, 5vw, 58px) clamp(320px, 31vw, 370px);
	overflow: hidden;
	background:
		linear-gradient(118deg, rgba(255, 255, 255, .055), transparent 27%),
		radial-gradient(circle at 9% 18%, color-mix(in srgb, var(--skh-book-accent) 21%, transparent), transparent 25%),
		linear-gradient(135deg, color-mix(in srgb, var(--skh-book-primary) 84%, #27337d), var(--skh-book-primary) 58%, #000a3c);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 32px;
	box-shadow:
		0 34px 80px rgba(0, 15, 89, .18),
		inset 0 1px 0 rgba(255, 255, 255, .1);
	isolation: isolate;
	transition:
		box-shadow 700ms var(--skh-ease),
		transform 700ms var(--skh-ease);
}

.skh-book-promo.skh-book-promo--kinetic:hover {
	box-shadow:
		0 42px 96px rgba(0, 15, 89, .23),
		inset 0 1px 0 rgba(255, 255, 255, .13);
	transform: translateY(-2px);
}

.skh-book-promo--kinetic::before {
	z-index: -2;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, .032) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .032) 1px, transparent 1px);
	background-position: center;
	background-size: 48px 48px;
	border-radius: inherit;
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, .92), #000 42%, rgba(0, 0, 0, .55));
	animation: none;
}

.skh-book-promo--kinetic::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 44px;
	right: 0;
	width: 3px;
	height: 74px;
	background: linear-gradient(var(--skh-book-accent), rgba(255, 118, 20, 0));
	border-radius: 999px;
	box-shadow: 0 0 22px color-mix(in srgb, var(--skh-book-accent) 55%, transparent);
}

.skh-book-promo__mesh {
	position: absolute;
	z-index: -1;
	top: -45%;
	right: -8%;
	width: 54%;
	aspect-ratio: 1;
	background: repeating-radial-gradient(circle at center, rgba(255, 255, 255, .045) 0 1px, transparent 1px 22px);
	border-radius: 50%;
	mask-image: radial-gradient(circle, #000, transparent 68%);
	pointer-events: none;
	animation: none;
}

.skh-book-promo__glow {
	display: none;
}

.skh-book-promo__glow--one {
	top: -150px;
	left: 8%;
	animation: skhPromoGlowOne 11s ease-in-out infinite alternate;
}

.skh-book-promo__glow--two {
	right: 22%;
	bottom: -190px;
	background: #6574ff;
	opacity: .12;
	animation: skhPromoGlowTwo 13s ease-in-out infinite alternate;
}

.skh-book-promo--kinetic .skh-book-promo__content {
	position: relative;
	z-index: 5;
	width: 100%;
	max-width: 610px;
	margin: 0;
	text-align: right;
}

.skh-book-promo--kinetic .skh-book-promo__content::before {
	content: "";
	display: block;
	width: 46px;
	height: 3px;
	margin-bottom: 22px;
	background: linear-gradient(90deg, var(--skh-book-accent), rgba(255, 118, 20, .22));
	border-radius: 999px;
	box-shadow: 0 0 18px color-mix(in srgb, var(--skh-book-accent) 35%, transparent);
	transform-origin: right center;
}

.skh-motion-ready .skh-book-promo--kinetic:not(.is-visible) .skh-book-promo__content::before {
	transform: scaleX(0);
}

.skh-book-promo--kinetic.is-visible .skh-book-promo__content::before {
	animation: skhPromoLine 900ms 360ms var(--skh-ease) both;
}

.skh-book-promo--kinetic h3 {
	max-width: 650px;
	margin: 0;
	color: #fff;
	font-size: clamp(29px, 3.1vw, 45px);
	font-weight: 750;
	letter-spacing: -.045em;
	line-height: 1.42;
	text-wrap: balance;
}

.skh-book-promo--kinetic .skh-book-promo__content > span {
	display: block;
	max-width: 570px;
	margin-top: 15px;
	color: rgba(255, 255, 255, .68);
	font-size: clamp(12.5px, 1.1vw, 14px);
	font-weight: 400;
	line-height: 2;
	text-wrap: pretty;
}

.skh-book-promo--kinetic .skh-book-promo__content > a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-width: 194px;
	min-height: 56px;
	padding: 7px 8px 7px 19px;
	margin-top: 29px;
	overflow: hidden;
	color: var(--skh-book-primary);
	background: rgba(255, 255, 255, .98);
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: 17px;
	box-shadow:
		0 16px 35px rgba(0, 0, 0, .16),
		inset 0 1px 0 #fff;
	font-size: 12px;
	font-weight: 700;
	transition:
		color 380ms var(--skh-ease),
		background-color 380ms var(--skh-ease),
		box-shadow 380ms var(--skh-ease),
		transform 380ms var(--skh-ease);
}

.skh-book-promo--kinetic .skh-book-promo__content > a::before {
	content: "";
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -55%;
	width: 42%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .82), transparent);
	transform: rotate(18deg);
	transition: left 700ms var(--skh-ease);
}

.skh-book-promo--kinetic .skh-book-promo__content > a > span {
	position: relative;
	z-index: 1;
}

.skh-book-promo--kinetic .skh-book-promo__content > a > i {
	position: relative;
	z-index: 1;
	display: grid;
	width: 41px;
	height: 41px;
	flex: 0 0 41px;
	color: #fff;
	background: var(--skh-book-primary);
	border-radius: 12px;
	place-items: center;
	transition:
		background-color 380ms var(--skh-ease),
		transform 380ms var(--skh-ease);
}

.skh-book-promo--kinetic .skh-book-promo__content > a svg {
	width: 18px;
	height: 18px;
	transition: transform 380ms var(--skh-ease);
}

.skh-book-promo--kinetic .skh-book-promo__content > a:hover,
.skh-book-promo--kinetic .skh-book-promo__content > a:focus-visible {
	color: var(--skh-book-primary);
	background: #fff;
	box-shadow:
		0 21px 44px rgba(0, 0, 0, .22),
		0 0 0 5px rgba(255, 255, 255, .09);
	transform: translateY(-3px);
}

.skh-book-promo--kinetic .skh-book-promo__content > a:hover::before,
.skh-book-promo--kinetic .skh-book-promo__content > a:focus-visible::before {
	left: 120%;
}

.skh-book-promo--kinetic .skh-book-promo__content > a:hover > i,
.skh-book-promo--kinetic .skh-book-promo__content > a:focus-visible > i {
	background: var(--skh-book-accent);
	transform: rotate(-5deg) scale(1.04);
}

.skh-book-promo--kinetic .skh-book-promo__content > a:hover svg,
.skh-book-promo--kinetic .skh-book-promo__content > a:focus-visible svg {
	transform: translateX(-2px);
}

.skh-book-promo__pulse {
	display: flex;
	align-items: center;
	gap: 7px;
	width: fit-content;
	margin-top: 34px;
	direction: ltr;
}

.skh-book-promo__pulse > i {
	width: 7px;
	height: 7px;
	background: var(--skh-book-accent);
	border: 2px solid rgba(255, 255, 255, .55);
	border-radius: 50%;
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--skh-book-accent) 14%, transparent);
	animation: skhPromoPulse 2.4s ease-in-out infinite;
}

.skh-book-promo__pulse > span {
	display: block;
	width: 26px;
	height: 1px;
	background: rgba(255, 255, 255, .16);
}

.skh-book-promo__pulse > span:nth-of-type(2) {
	width: 14px;
}

.skh-book-promo__pulse > span:nth-of-type(3) {
	width: 5px;
	border-radius: 50%;
}

.skh-book-promo--kinetic .skh-book-promo__visual {
	position: absolute;
	z-index: 4;
	top: 12px;
	right: auto;
	bottom: auto;
	left: clamp(32px, 5vw, 58px);
	width: clamp(218px, 22vw, 246px);
	height: auto;
	perspective: 1500px;
	transform: none;
	animation: skhPromoFloat 8s ease-in-out infinite;
	will-change: transform;
}

.skh-book-promo--kinetic .skh-book-promo__book {
	position: relative;
	z-index: 4;
	display: block;
	width: 100%;
	color: inherit;
	transform:
		translate3d(var(--skh-promo-x), var(--skh-promo-y), 0)
		rotateX(var(--skh-promo-rx))
		rotateY(var(--skh-promo-ry));
	transform-origin: 50% 72%;
	transform-style: preserve-3d;
	transition:
		filter 500ms var(--skh-ease),
		transform 180ms ease-out;
	will-change: transform;
}

.skh-book-promo--kinetic .skh-book-promo__book:hover,
.skh-book-promo--kinetic .skh-book-promo__book:focus-visible {
	filter: saturate(1.04) brightness(1.02);
}

.skh-book-promo--kinetic .skh-book-promo__book:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--skh-book-accent) 72%, #fff);
	outline-offset: 8px;
	border-radius: 18px;
}

.skh-book-promo--kinetic .skh-book-promo__window,
.skh-book-promo--kinetic .skh-book-promo__window.has-custom-image {
	position: relative;
	right: auto;
	bottom: auto;
	left: auto;
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .72);
	border-radius: 18px;
	box-shadow:
		-18px 30px 70px rgba(0, 0, 0, .32),
		0 2px 0 rgba(255, 255, 255, .7) inset;
	transform: translateZ(16px);
	transition: none;
}

.skh-book-promo--kinetic .skh-book-promo__window > img,
.skh-book-promo--kinetic .skh-book-promo__window.has-custom-image > img {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	background: #fff;
	border-radius: 0;
	object-fit: contain !important;
	object-position: center !important;
}

.skh-book-promo__pages {
	position: absolute;
	z-index: -1;
	inset: 9px -11px 8px 7px;
	background: #f0eee9;
	border-radius: 16px 13px 13px 16px;
	box-shadow: -9px 15px 32px rgba(0, 0, 0, .2);
	transform: translateZ(1px) rotate(-1deg);
}

.skh-book-promo__pages::before,
.skh-book-promo__pages::after,
.skh-book-promo__pages > i {
	content: "";
	position: absolute;
	right: 3px;
	bottom: 18%;
	width: 9px;
	height: 64%;
	background: repeating-linear-gradient(90deg, #dad6ce 0 1px, #f7f5f0 1px 3px);
	border-radius: 3px;
}

.skh-book-promo__pages::after {
	right: auto;
	bottom: 4px;
	left: 14%;
	width: 70%;
	height: 8px;
	background: repeating-linear-gradient(#dcd8d0 0 1px, #f8f6f1 1px 3px);
}

.skh-book-promo__pages > i {
	right: 6px;
	top: 7%;
	bottom: auto;
	height: 10%;
}

.skh-book-promo__pages > i:nth-child(2),
.skh-book-promo__pages > i:nth-child(3) {
	display: none;
}

.skh-book-promo__shine {
	position: absolute;
	z-index: 4;
	top: -35%;
	bottom: -35%;
	left: -72%;
	width: 38%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent);
	transform: rotate(17deg);
	pointer-events: none;
}

.skh-book-promo--kinetic:hover .skh-book-promo__shine {
	animation: skhPromoShine 1.15s var(--skh-ease) both;
}

.skh-book-promo--kinetic .skh-book-promo__shadow {
	position: absolute;
	z-index: 0;
	right: 3%;
	bottom: -6px;
	left: 3%;
	height: 38px;
	background: rgba(0, 0, 0, .45);
	border-radius: 50%;
	filter: blur(22px);
	transform: rotate(-2deg);
	opacity: .78;
}

.skh-book-promo__orbit {
	position: absolute;
	z-index: 1;
	top: 20%;
	right: -22%;
	width: 146%;
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 50%;
	transform: rotateX(67deg) rotateZ(-8deg);
	pointer-events: none;
	animation: skhPromoOrbit 30s linear infinite;
}

.skh-book-promo__orbit::before,
.skh-book-promo__orbit::after {
	content: "";
	position: absolute;
	inset: 10%;
	border: 1px dashed rgba(255, 255, 255, .08);
	border-radius: inherit;
}

.skh-book-promo__orbit::after {
	inset: 24%;
}

.skh-book-promo__orbit > i {
	position: absolute;
	top: 5%;
	left: 26%;
	width: 8px;
	height: 8px;
	background: var(--skh-book-accent);
	border: 2px solid rgba(255, 255, 255, .65);
	border-radius: 50%;
	box-shadow: 0 0 18px var(--skh-book-accent);
}

.skh-book-promo__orbit > i:nth-child(2) {
	top: auto;
	right: 5%;
	bottom: 31%;
	left: auto;
	width: 6px;
	height: 6px;
	background: #7f8cff;
	box-shadow: 0 0 15px #7f8cff;
}

.skh-book-promo__orbit > i:nth-child(3) {
	top: auto;
	right: auto;
	bottom: 13%;
	left: 16%;
	width: 5px;
	height: 5px;
	background: #fff;
	box-shadow: 0 0 12px #fff;
}

.skh-book-promo__spark {
	position: absolute;
	z-index: 7;
	display: grid;
	width: 46px;
	height: 46px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 15px;
	box-shadow: 0 18px 34px rgba(0, 0, 0, .17);
	place-items: center;
	pointer-events: none;
}

.skh-book-promo__spark svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.55;
}

.skh-book-promo__spark--one {
	top: 28%;
	right: -44px;
	animation: none;
}

.skh-book-promo__spark--two {
	right: -28px;
	bottom: 17%;
	width: 39px;
	height: 39px;
	color: var(--skh-book-primary);
	background: rgba(255, 255, 255, .88);
	border-radius: 13px;
	animation: none;
}

.skh-book-promo--kinetic .skh-book-promo__placeholder {
	min-height: 400px;
	border-radius: 0;
}

@keyframes skhPromoGrid {
	to { background-position: 48px 48px; }
}

@keyframes skhPromoMesh {
	to { transform: translate3d(-22px, 18px, 0) rotate(5deg) scale(1.06); }
}

@keyframes skhPromoGlowOne {
	to { transform: translate3d(48px, 34px, 0) scale(1.12); }
}

@keyframes skhPromoGlowTwo {
	to { transform: translate3d(-36px, -24px, 0) scale(.9); }
}

@keyframes skhPromoLine {
	from { opacity: 0; transform: scaleX(0); }
	to { opacity: 1; transform: scaleX(1); }
}

@keyframes skhPromoPulse {
	50% { box-shadow: 0 0 0 10px color-mix(in srgb, var(--skh-book-accent) 0%, transparent); transform: scale(.92); }
}

@keyframes skhPromoFloat {
	0%, 100% { transform: translate3d(0, 0, 0); }
	50% { transform: translate3d(0, -8px, 0); }
}

@keyframes skhPromoOrbit {
	to { transform: rotateX(67deg) rotateZ(352deg); }
}

@keyframes skhPromoShine {
	from { left: -72%; }
	to { left: 138%; }
}

@keyframes skhPromoChipOne {
	0%, 100% { transform: translate3d(0, 0, 0) rotate(0); }
	50% { transform: translate3d(4px, -9px, 0) rotate(4deg); }
}

@keyframes skhPromoChipTwo {
	0%, 100% { transform: translate3d(0, 0, 0) rotate(0); }
	50% { transform: translate3d(-3px, 8px, 0) rotate(-4deg); }
}

@media (max-width: 900px) and (min-width: 641px) {
	.skh-book-promo.skh-book-promo--kinetic {
		display: block;
		min-height: 316px;
		padding: 40px 32px 40px 250px;
		border-radius: 30px;
		text-align: right;
	}

	.skh-book-promo--kinetic .skh-book-promo__content {
		width: 100%;
		max-width: 480px;
		margin: 0;
	}

	.skh-book-promo--kinetic h3 {
		font-size: clamp(25px, 4vw, 32px);
	}

	.skh-book-promo--kinetic .skh-book-promo__content > span {
		font-size: 12.5px;
	}

	.skh-book-promo--kinetic .skh-book-promo__visual {
		top: 12px;
		right: auto;
		bottom: auto;
		left: 30px;
		width: 190px;
		height: auto;
		transform: none;
	}

	.skh-book-promo__spark--one {
		right: -31px;
	}
}

@media (max-width: 640px) {
	.skh-book-promo.skh-book-promo--kinetic {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto;
		gap: 18px;
		min-height: 0;
		padding: 26px 20px 30px;
		border-radius: 28px;
		text-align: center;
		transform: none;
	}

	.skh-book-promo.skh-book-promo--kinetic:hover {
		transform: none;
	}

	.skh-book-promo--kinetic::after {
		top: 28px;
		height: 52px;
	}

	.skh-book-promo--kinetic .skh-book-promo__visual {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		grid-row: 1;
		width: 100%;
		height: 224px;
		margin: 0;
		transform: none;
		animation-duration: 7.5s;
	}

	.skh-book-promo--kinetic .skh-book-promo__book {
		width: min(158px, 50vw);
		margin-inline: auto;
		transform: none;
	}

	.skh-book-promo--kinetic .skh-book-promo__content {
		grid-row: 2;
		width: 100%;
		max-width: 460px;
		margin-inline: auto;
		text-align: center;
	}

	.skh-book-promo--kinetic .skh-book-promo__content::before,
	.skh-book-promo--kinetic .skh-book-promo__content > a,
	.skh-book-promo__pulse {
		margin-inline: auto;
	}

	.skh-book-promo--kinetic .skh-book-promo__content::before {
		margin-bottom: 17px;
	}

	.skh-book-promo--kinetic h3 {
		font-size: clamp(24px, 7.6vw, 31px);
		line-height: 1.5;
	}

	.skh-book-promo--kinetic .skh-book-promo__content > span {
		margin-inline: auto;
		font-size: 12.5px;
		line-height: 1.9;
	}

	.skh-book-promo--kinetic .skh-book-promo__content > a {
		min-width: min(220px, 100%);
		margin-top: 22px;
	}

	.skh-book-promo__pulse {
		margin-top: 25px;
	}

	.skh-book-promo__orbit {
		top: 17%;
		right: 50%;
		width: 310px;
		transform: translateX(50%) rotateX(67deg) rotateZ(-8deg);
		animation: none;
	}

	.skh-book-promo__spark--one {
		top: 25%;
		right: calc(50% - 135px);
	}

	.skh-book-promo__spark--two {
		right: auto;
		bottom: 18%;
		left: calc(50% - 118px);
	}

	.skh-book-promo--kinetic .skh-book-promo__shadow {
		right: calc(50% - 100px);
		bottom: 7px;
		left: calc(50% - 100px);
	}

	.skh-book-promo__mesh {
		top: -13%;
		right: -42%;
		width: 115%;
	}
}

@media (max-width: 390px) {
	.skh-book-promo.skh-book-promo--kinetic {
		padding-inline: 16px;
		border-radius: 24px;
	}

	.skh-book-promo--kinetic .skh-book-promo__visual {
		height: 210px;
	}

	.skh-book-promo--kinetic .skh-book-promo__book {
		width: min(144px, 48vw);
	}

	.skh-book-promo__spark {
		width: 40px;
		height: 40px;
		border-radius: 13px;
	}

	.skh-book-promo__spark--one {
		right: calc(50% - 118px);
	}

	.skh-book-promo__spark--two {
		left: calc(50% - 105px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.skh *,
	.skh *::before,
	.skh *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

/* ==========================================================================
   Homepage book box - minimal layout
   ========================================================================== */

.skh-bookbox {
	--skh-bookbox-navy: #000f59;
	--skh-bookbox-accent: #ff7614;
	--skh-bookbox-pad: clamp(24px, 3.2vw, 48px);
	--skh-bookbox-artw: clamp(168px, 28vw, 380px);
	position: relative;
	display: grid;
	align-items: center;
	width: min(1180px, 100%);
	min-height: clamp(186px, 19vw, 240px);
	margin: clamp(70px, 9vw, 120px) auto 0;
	padding: var(--skh-bookbox-pad);
	padding-inline-end: calc(var(--skh-bookbox-artw) + var(--skh-bookbox-pad) * 1.6);
	color: #fff;
	background: var(--skh-bookbox-navy);
	border-radius: clamp(18px, 2.2vw, 30px);
	direction: rtl;
	text-align: right;
}

.skh-bookbox__copy {
	position: relative;
	z-index: 2;
	max-width: 620px;
}

.skh-bookbox__title {
	margin: 0;
	color: #fff;
	font-size: clamp(23px, 3vw, 42px);
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1.5;
	text-wrap: balance;
}

.skh-bookbox__text {
	max-width: 540px;
	margin: clamp(8px, 1vw, 14px) 0 0;
	color: rgba(255, 255, 255, .66);
	font-size: clamp(12.5px, 1.05vw, 16px);
	font-weight: 400;
	line-height: 2;
}

.skh-bookbox__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: clamp(44px, 3.6vw, 52px);
	margin-top: clamp(16px, 2vw, 26px);
	padding: 0 clamp(18px, 2vw, 28px);
	color: #fff;
	background: var(--skh-bookbox-accent);
	border-radius: 13px;
	box-shadow: 0 12px 26px rgba(0, 0, 0, .22);
	font-size: clamp(12.5px, 1vw, 15px);
	font-weight: 800;
	text-decoration: none;
	transition:
		box-shadow 260ms ease,
		filter 260ms ease,
		transform 260ms ease;
}

.skh-bookbox__cta:hover,
.skh-bookbox__cta:focus-visible {
	color: #fff;
	box-shadow: 0 18px 34px rgba(0, 0, 0, .28);
	filter: brightness(1.07);
	transform: translateY(-2px);
}

.skh-bookbox__cta svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	transition: transform 260ms ease;
}

.skh-bookbox__cta:hover svg,
.skh-bookbox__cta:focus-visible svg {
	transform: translateX(-4px);
}

/* The art box has a hard width and height so no theme rule can inflate it. */
.skh-bookbox__visual {
	position: absolute;
	z-index: 3;
	bottom: 0;
	inset-inline-end: var(--skh-bookbox-pad);
	display: block;
	width: var(--skh-bookbox-artw);
	height: 142.857%;
	max-height: clamp(230px, 30vw, 400px);
	line-height: 0;
	text-decoration: none;
}

/* Stretched by its own offsets, so height:auto or max-width from the theme
   cannot change the rendered size. */
.skh-bookbox .skh-bookbox__visual > img {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	max-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	object-fit: contain !important;
	object-position: bottom center !important;
	filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .26));
}

.skh-bookbox__placeholder {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 76%;
	padding: 18px;
	color: var(--skh-bookbox-navy);
	background: #fff;
	border-radius: 12px 12px 0 0;
	box-shadow: 0 18px 34px rgba(0, 0, 0, .26);
	direction: rtl;
	text-align: center;
}

.skh-bookbox__placeholder strong {
	font-size: clamp(15px, 1.5vw, 21px);
	font-weight: 800;
	line-height: 1.6;
}

.skh-bookbox__placeholder em {
	margin-top: 4px;
	color: var(--skh-bookbox-accent);
	font-size: clamp(11.5px, 1.1vw, 15px);
	font-style: normal;
	font-weight: 700;
}

@media (max-width: 900px) {
	.skh-bookbox {
		--skh-bookbox-artw: clamp(150px, 30vw, 250px);
	}

	.skh-bookbox__visual {
		max-height: clamp(200px, 34vw, 280px);
	}
}

@media (max-width: 640px) {
	.skh-bookbox {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		min-height: 0;
		padding: var(--skh-bookbox-pad);
		padding-block-end: 0;
		padding-inline-end: var(--skh-bookbox-pad);
	}

	.skh-bookbox__copy {
		max-width: none;
	}

	.skh-bookbox__cta {
		width: 100%;
	}

	.skh-bookbox__visual {
		position: relative;
		inset: auto;
		align-self: center;
		width: min(80vw, 300px);
		height: auto;
		max-height: none;
		margin-top: clamp(20px, 5vw, 30px);
		aspect-ratio: 4 / 3;
	}
}

@media (prefers-reduced-motion: reduce) {

	.skh-bookbox__cta,
	.skh-bookbox__cta svg {
		transition: none;
	}

	.skh-bookbox__cta:hover,
	.skh-bookbox__cta:focus-visible {
		transform: none;
	}
}