.series-activity-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.series-activity-card {
	position: relative;
	border-radius: var(--radius-md);
	overflow: hidden;
}

.series-activity-card .placeholder-img {
	border-radius: 0;
	width: 100%;
}

.series-activity-card .placeholder-img img {
	object-position: center bottom;
}

.series-activity-card .series-activity-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 24px 16px 16px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));
	color: #fff;
	font-weight: 600;
	font-size: 1rem;
	z-index: 2;
}

/* Align container width with vesak-theme */
#series-activity .container {
    max-width: 900px;
    margin: 0 auto;
}

/* Replaces: style="width: 100%; height: 100%;" on images inside series-activity cards */
.series-activity-img {
    width: 100%;
    height: 100%;
}