.home .section-courses {padding: 3rem 0; background-color: var(--color-primary); background-size: cover; background-position: center;}
.home .section-courses .sectionTitle {margin-bottom: 2rem;}

.home .section-courses .slider {position: relative;}
.home .section-courses .slide {box-sizing: border-box; padding: 0 .5rem;}

/* Pre-init fallback mirrors slick's own float+width layout (see Treatments for why) */
.home .section-courses .slider:not(.slick-initialized) {display: block; overflow: hidden;}
.home .section-courses .slider:not(.slick-initialized) .slide {float: right; width: 100%;}
.home .section-courses .slider:not(.slick-initialized) .slide:nth-child(n+2) {display: none;}

.home .section-courses .mButton.accent {display: flex; width: fit-content; margin: 2rem auto 0;}

/* Course Card — image on top, semi-transparent panel (over the section's own background) below */
.home .section-courses .courseCard {
	position: relative; display: flex; flex-direction: column; height: 25rem;
	border-radius: .9rem; overflow: hidden;
}
.home .section-courses .courseCard > a {position: absolute; inset: 0; z-index: 2;}
.home .section-courses .courseCard .image {flex-shrink: 0; height: 13rem; border-radius: 0 0 .9rem .9rem; background-color: var(--color-primary-dark); background-size: cover; background-position: center;}
.home .section-courses .courseCard .body {position: relative; z-index: 1; display: flex; flex-direction: column; flex: 1; padding: 1.5rem; background-color: rgba(255,255,255,.15);}
.home .section-courses .courseCard .name {line-height: 1.3; font-size: 1.15rem; font-weight: 700; color: #fff;}
.home .section-courses .courseCard .description {flex: 1; margin-top: .75rem; line-height: 1.7; font-size: .85rem; color: rgba(255,255,255,.8);}
.home .section-courses .courseCard .more {display: block; margin-top: 1rem; text-decoration: underline; font-size: .85rem; color: #fff;}

/* Arrows — white on this dark photo background, overriding the shared accent-colored default */
.home .section-courses .slick-prev,
.home .section-courses .slick-next {border-color: rgba(255,255,255,.75);}
.home .section-courses .slick-prev:before,
.home .section-courses .slick-next:before {color: #fff;}

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

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

	.home .section-courses .courseCard {height: 28rem;}
	.home .section-courses .courseCard .image {height: 15rem;}
	.home .section-courses .courseCard .name {font-size: 1.3rem;}
}