.fiftyvidsotkiv-leadership-slider {
	position: relative;
	box-sizing: border-box;
	padding: 8px 8px 10px;
	border: 1px solid #f0f0f0;
	border-radius: 5px;
	background: #fafafa;
}

.fiftyvidsotkiv-leadership-slider__viewport {
	overflow: hidden;
}

.fiftyvidsotkiv-leadership-slider__track {
	display: flex;
	gap: 0;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.fiftyvidsotkiv-leadership-slider__track::-webkit-scrollbar { display: none; }

.fiftyvidsotkiv-leadership-slider__slide {
	box-sizing: border-box;
	/*
	 * Keep phone cards bounded. Woohoo expands the sidebar to almost the full
	 * viewport at narrow widths, so a percentage-only phone card becomes
	 * disproportionately large.
	 */
	flex: 0 0 min(100%, 210px);
	min-width: 0;
	min-height: 0;
	scroll-snap-align: start;
	padding: 5px;
}

.fiftyvidsotkiv-leadership-slider__link {
	display: block;
	min-height: inherit;
	color: inherit;
	text-decoration: none;
}

.fiftyvidsotkiv-leadership-slider__link img {
	display: block;
	width: 100%;
	height: auto;
}

#zolbox .fiftyvidsotkiv-leadership-slider h3 {
	margin: 5px 0 0;
	font-weight: 800;
	text-transform: uppercase;
}

.fiftyvidsotkiv-leadership-slider p { margin: 0; }

.fiftyvidsotkiv-leadership-slider__nav {
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 36px;
	height: 40px;
	margin-top: -20px;
	border: 0;
	border-radius: 3px;
	background: rgba(0, 0, 0, .38);
	color: #fff;
	font-size: 30px;
	line-height: 36px;
	cursor: pointer;
	opacity: 0;
	transition: opacity .2s;
}

.fiftyvidsotkiv-leadership-slider:hover .fiftyvidsotkiv-leadership-slider__nav,
.fiftyvidsotkiv-leadership-slider__nav:focus { opacity: 1; }
.fiftyvidsotkiv-leadership-slider__nav--previous { left: 8px; }
.fiftyvidsotkiv-leadership-slider__nav--next { right: 8px; }

.fiftyvidsotkiv-leadership-slider__dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 7px;
}

.fiftyvidsotkiv-leadership-slider__dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, .25);
	cursor: pointer;
}
.fiftyvidsotkiv-leadership-slider__dot[aria-current="true"] { background: rgba(255, 255, 255, .5); }

/* Woohoo makes sidebar-2 full-width here; use compact 3-card presentation. */
@media (min-width: 480px) and (max-width: 767px) {
	.fiftyvidsotkiv-leadership-slider__slide { flex-basis: 33.333333%; }
}

/* The same full-width sidebar behavior continues through the tablet range. */
@media (min-width: 768px) and (max-width: 979px) {
	.fiftyvidsotkiv-leadership-slider__slide { flex-basis: 25%; }
}

/* At 980px the sidebar is narrow again: retain the legacy four-card layout. */
@media (min-width: 980px) and (max-width: 1199px) {
	.fiftyvidsotkiv-leadership-slider__slide { flex-basis: 25%; }
}

/* Preserve the existing successful five-card desktop presentation. */
@media (min-width: 1200px) {
	.fiftyvidsotkiv-leadership-slider__slide { flex-basis: 20%; }
}