.home .section-books {padding: 3rem 0;}
.home .section-books .sectionTitle {margin-bottom: 2rem;}

.home .section-books .sliderWrap {position: relative;}
.home .section-books .slider {position: relative; z-index: 1;}
.home .section-books .slide {box-sizing: border-box; padding: 0 .5rem;}

/* Shared dark plate behind whatever cards are currently in view — one shape for the whole
   row (not per card), sitting behind the slider so it shows through the gaps between slides */
.home .section-books .backdrop {
	position: absolute; z-index: 0; right: 0; left: 0; bottom: -1.5rem; top: 60%;
	background-color: var(--color-primary); border-radius: .5rem;
}

/* Pre-init fallback mirrors slick's own float+width layout (no flex here — slick itself is
   float-based, matching this avoids a visible jump the moment it initializes) */
.home .section-books .slider:not(.slick-initialized) {display: block; overflow: hidden;}
.home .section-books .slider:not(.slick-initialized) .slide {float: right; width: 100%;}
.home .section-books .slider:not(.slick-initialized) .slide:nth-child(n+2) {display: none;}

.home .section-books .stopCard {
	position: relative; z-index: 1; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end;
	min-height: 20rem; padding: 1.5rem; border-radius: .5rem;
	background-color: var(--color-secondary);
}
.home .section-books .stopCard .accentLine {position: absolute; top: 1.5rem; right: 1.5rem; width: 1px; height: 6rem; background-color: var(--color-accent);}
.home .section-books .stopCard h3 {font-size: 1.15rem; font-weight: 700; color: var(--color-primary);}
.home .section-books .stopCard p {margin-top: .75rem; line-height: 1.6; font-size: .85rem; color: var(--color-primary-light);}
.home .section-books .stopCard .more {display: inline-block; margin-top: 1.5rem; text-decoration: underline; font-size: .85rem; color: var(--color-primary);}
.home .section-books .stopCard .more:hover {color: var(--color-accent);}

@media screen and (min-width: 40em) {
	.home .section-books {padding: 5rem 0;}
	.home .section-books .slide {padding: 0 .75rem;}

	.home .section-books .slider:not(.slick-initialized) .slide {width: 33.333%;}
	.home .section-books .slider:not(.slick-initialized) .slide:nth-child(n+2) {display: block;}
	.home .section-books .slider:not(.slick-initialized) .slide:nth-child(n+4) {display: none;}

	.home .section-books .stopCard {min-height: 24rem; padding: 2rem;}
	.home .section-books .stopCard .accentLine {top: 2rem; right: 2rem;}
	.home .section-books .stopCard h3 {font-size: 1.3rem;}
}