/**
 * Skylit block bundle — layoutBlockId: 1781002904269_p56nfbi
 * Auto-generated on save_post. Do not hand-edit.
 */

.mhpr-sr-books {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--mhpr-gap-8);
		}
		.mhpr-sr-book {
		min-width: 0;
		height: 100%;
		}
		.mhpr-sr-book__link {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--mhpr-gap-6);
		background: var(--mhpr-color-offwhite);
		border: 1px solid var(--mhpr-border-muted);
		border-radius: var(--mhpr-radius-sm);
		padding: var(--mhpr-gap-10);
		position: relative;
		height: 100%;
		box-sizing: border-box;
		text-decoration: none;
		color: inherit;
		}
		.mhpr-sr-book__link:link,
		.mhpr-sr-book__link:visited,
		.mhpr-sr-book__link:hover,
		.mhpr-sr-book__link:focus,
		.mhpr-sr-book__link:focus-visible,
		.mhpr-sr-book__link:active,
		.mhpr-sr-book__link :where(h3, p) {
		text-decoration: none;
		}
		.mhpr-sr-book__link:hover,
		.mhpr-sr-book__link:focus-visible,
		.mhpr-sr-book__link:active {
		color: inherit;
		}
		.mhpr-sr-book__link::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 3px;
		background: linear-gradient(90deg, var(--mhpr-color-teal), #3a7a7c);
		}
		.mhpr-sr-book__cover {
		flex: 0 0 auto;
		min-width: 7.5rem;
		width: 7.5rem;
		margin: 0;
		}
		.mhpr-sr-book__cover img {
		display: block;
		width: 100%;
		height: 10rem;
		object-fit: contain;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
		}
		.mhpr-sr-book__content {
		flex: 1;
		min-width: 0;
		}
		.mhpr-sr-book__content h3 {
		margin: 0 0 var(--mhpr-gap-2);
		font-size: 1.1rem;
		line-height: 1.3;
		color: var(--mhpr-color-navy);
		}
		.mhpr-sr-book__content p {
		margin: 0;
		font-size: var(--mhpr-font-size-sm);
		line-height: 1.6;
		color: var(--mhpr-color-slate);
		}
		@media (min-width: 769px) {
		.mhpr-sr-books {
		grid-template-columns: repeat(2, 1fr);
		}
		.mhpr-sr-book__link {
		flex-direction: row;
		align-items: flex-start;
		}
		}