.mpg-books {
	--mpg-books-ink: #0a1420 !important;
	--mpg-books-navy: #10263d !important;
	--mpg-books-blue: #2f74ff !important;
	--mpg-books-line: #dce6ef !important;
	--mpg-books-muted: #6b7785 !important;
	--mpg-books-ice: #eef5fb !important;
	--mpg-books-white: #ffffff !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mpg-books-ink) !important;
	background: transparent !important;
	font-family: Matter, Arial, Helvetica, sans-serif !important;
}

.mpg-books,
.mpg-books * {
	box-sizing: border-box !important;
}

.mpg-books a {
	color: inherit !important;
	text-decoration: none !important;
}

.mpg-books__header {
	display: grid !important;
	grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr) !important;
	align-items: end !important;
	gap: 48px !important;
	width: 100% !important;
	margin: 0 0 26px !important;
	padding: 0 0 22px !important;
	border-bottom: 1px solid var(--mpg-books-line) !important;
}

.mpg-books__heading {
	min-width: 0 !important;
}

.mpg-books__eyebrow {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 0 13px !important;
	padding: 0 !important;
	color: var(--mpg-books-navy) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}

.mpg-books__eyebrow::before {
	content: "" !important;
	display: block !important;
	width: 8px !important;
	height: 8px !important;
	flex: 0 0 8px !important;
	border-radius: 50% !important;
	background: var(--mpg-books-blue) !important;
	box-shadow: 0 0 0 6px rgba(47, 116, 255, .09) !important;
}

.mpg-books__title {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mpg-books-ink) !important;
	font-family: Recoleta, Georgia, "Times New Roman", serif !important;
	font-size: clamp(36px, 4.5vw, 58px) !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: -.035em !important;
	text-transform: none !important;
}

.mpg-books__intro {
	max-width: 450px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mpg-books-muted) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
}

.mpg-books__lead {
	display: grid !important;
	grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr) !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 1px solid var(--mpg-books-line) !important;
	border-radius: 28px !important;
	background: var(--mpg-books-white) !important;
	box-shadow: 0 20px 55px rgba(16, 38, 61, .07) !important;
}

.mpg-books__lead-media {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 400px !important;
	padding: 40px !important;
	border-right: 1px solid var(--mpg-books-line) !important;
	background: linear-gradient(145deg, #f6f9fb, var(--mpg-books-white)) !important;
}

.mpg-books__cover {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 230px !important;
	max-height: 330px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	border: 0 !important;
	box-shadow: 0 18px 38px rgba(12, 24, 36, .17) !important;
}

.mpg-books__cover-fallback {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 210px !important;
	aspect-ratio: 2 / 3 !important;
	padding: 25px !important;
	background: var(--mpg-books-navy) !important;
	color: #fff !important;
	text-align: center !important;
	box-shadow: 0 18px 38px rgba(12, 24, 36, .17) !important;
}

.mpg-books__cover-fallback span {
	font-family: Recoleta, Georgia, serif !important;
	font-size: 24px !important;
	line-height: 1.1 !important;
}

.mpg-books__lead-body {
	align-self: center !important;
	min-width: 0 !important;
	padding: 44px 48px !important;
}

.mpg-books__label {
	margin: 0 0 13px !important;
	padding: 0 !important;
	color: var(--mpg-books-blue) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

.mpg-books__book-title {
	max-width: 750px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mpg-books-ink) !important;
	font-family: Recoleta, Georgia, "Times New Roman", serif !important;
	font-size: clamp(31px, 3.5vw, 46px) !important;
	font-weight: 500 !important;
	line-height: 1.06 !important;
	letter-spacing: -.025em !important;
	text-transform: none !important;
}

.mpg-books__publication {
	margin: 13px 0 0 !important;
	padding: 0 !important;
	color: var(--mpg-books-muted) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
}

.mpg-books__publication--row {
	margin-top: 7px !important;
	font-size: 12px !important;
}

.mpg-books__description {
	max-width: 720px !important;
	margin: 21px 0 0 !important;
	padding: 0 !important;
	color: var(--mpg-books-muted) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
}

.mpg-books__description > *:first-child,
.mpg-books__row-description > *:first-child {
	margin-top: 0 !important;
}

.mpg-books__description > *:last-child,
.mpg-books__row-description > *:last-child {
	margin-bottom: 0 !important;
}

.mpg-books__description p,
.mpg-books__row-description p,
.mpg-books__description span,
.mpg-books__row-description span {
	color: inherit !important;
	font: inherit !important;
}

.mpg-books__description p {
	margin: 0 0 10px !important;
}

.mpg-books__actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 18px !important;
	margin: 25px 0 0 !important;
	padding: 0 !important;
}

.mpg-books__button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 13px 18px !important;
	border: 1px solid var(--mpg-books-line) !important;
	border-radius: 14px !important;
	background: var(--mpg-books-white) !important;
	color: var(--mpg-books-ink) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.mpg-books__button:hover,
.mpg-books__button:focus-visible {
	transform: translateY(-2px) !important;
	border-color: #b9cde0 !important;
	box-shadow: 0 12px 28px rgba(16, 38, 61, .08) !important;
}

.mpg-books__button:focus-visible,
.mpg-books__row-link:focus-visible,
.mpg-books__work-link:focus-visible {
	outline: 3px solid rgba(47, 116, 255, .35) !important;
	outline-offset: 3px !important;
}

.mpg-books__work-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: var(--mpg-books-navy) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

.mpg-books__supporting {
	display: grid !important;
	gap: 15px !important;
	width: 100% !important;
	margin: 15px 0 0 !important;
	padding: 0 !important;
}

.mpg-books__row {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 100px minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 28px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 24px 30px !important;
	overflow: hidden !important;
	border: 1px solid var(--mpg-books-line) !important;
	border-radius: 21px !important;
	background: var(--mpg-books-white) !important;
}

.mpg-books__row-media {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100px !important;
}

.mpg-books__row-cover {
	display: block !important;
	width: auto !important;
	height: 105px !important;
	max-width: 82px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	border: 0 !important;
	box-shadow: 0 8px 22px rgba(12, 24, 36, .12) !important;
}

.mpg-books__row-cover--fallback {
	width: 70px !important;
	background: var(--mpg-books-ice) !important;
}

.mpg-books__row-body {
	min-width: 0 !important;
}

.mpg-books__row-title {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mpg-books-ink) !important;
	font-family: Recoleta, Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	font-weight: 500 !important;
	line-height: 1.1 !important;
	letter-spacing: -.02em !important;
	text-transform: none !important;
}

.mpg-books__row-description {
	display: -webkit-box !important;
	max-width: 760px !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	color: var(--mpg-books-muted) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
}

.mpg-books__row-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 12px 0 0 !important;
	padding: 0 !important;
	color: var(--mpg-books-navy) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

.mpg-books__number {
	align-self: center !important;
	padding: 0 3px 0 16px !important;
	color: var(--mpg-books-line) !important;
	font-family: Recoleta, Georgia, serif !important;
	font-size: 52px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
}

@media (max-width: 900px) {
	.mpg-books__header {
		grid-template-columns: 1fr !important;
		gap: 15px !important;
	}

	.mpg-books__intro {
		max-width: 720px !important;
	}

	.mpg-books__lead {
		grid-template-columns: minmax(190px, .42fr) minmax(0, 1fr) !important;
	}

	.mpg-books__lead-media {
		min-height: 350px !important;
		padding: 30px !important;
	}

	.mpg-books__cover {
		max-width: 190px !important;
		max-height: 280px !important;
	}

	.mpg-books__lead-body {
		padding: 34px !important;
	}
}

@media (max-width: 650px) {
	.mpg-books__header {
		margin-bottom: 20px !important;
		padding-bottom: 18px !important;
	}

	.mpg-books__title {
		font-size: clamp(32px, 10vw, 44px) !important;
	}

	.mpg-books__intro {
		font-size: 15px !important;
	}

	.mpg-books__lead {
		grid-template-columns: 1fr !important;
		border-radius: 22px !important;
	}

	.mpg-books__lead-media {
		min-height: auto !important;
		padding: 30px !important;
		border-right: 0 !important;
		border-bottom: 1px solid var(--mpg-books-line) !important;
	}

	.mpg-books__cover {
		max-width: 155px !important;
		max-height: 235px !important;
	}

	.mpg-books__lead-body {
		padding: 27px 24px 29px !important;
	}

	.mpg-books__book-title {
		font-size: clamp(29px, 9vw, 38px) !important;
	}

	.mpg-books__description {
		font-size: 15px !important;
	}

	.mpg-books__row {
		grid-template-columns: 66px minmax(0, 1fr) !important;
		gap: 18px !important;
		padding: 20px !important;
	}

	.mpg-books__row-media {
		width: 66px !important;
	}

	.mpg-books__row-cover {
		height: 88px !important;
		max-width: 62px !important;
	}

	.mpg-books__row-title {
		font-size: 21px !important;
	}

	.mpg-books__number {
		display: none !important;
	}
}
