.video-list {
	display: grid;
	gap: 1.5rem;
	/* 1 column on mobile, 2-4 on larger screens */
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	justify-content: center;   /* centers the cards when they don’t fill the row */
}

/* Individual card */
.video-card {
	background: #fff;
	border-radius: .75rem;
	box-shadow: 0 2px 8px rgba(0,0,0,.1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform .2s, box-shadow .2s;
	max-width: 300px;	  /* hard-cap width */
	margin: 0 auto;		/* centers card inside its grid cell */
}
.video-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

/* Cover image – fixed height, cover fill */
.video-card img {
	width: 100%;
	height: 150px;		 /* smaller, uniform height */
	object-fit: cover;
}

/* Text area */
.video-card .card-body {
	padding: .75rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.video-card h3 {
	margin: 0 0 .4rem;
	font-size: 1rem;	   /* compact title */
	font-weight: 600;
	line-height: 1.3;
}
.video-card p {
	margin: 0;
	font-size: .8rem;	  /* small description */
	color: #555;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/*
.video-card {
	transition: transform .2s, box-shadow .2s;
	max-width: 400px;
}
.video-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(0,0,0,.15);
}
.video-card img {
	object-fit: cover;
}
.line-clamp-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
*/


#videoModal .aspect-w-16 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
#videoModal #modalPlayer {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}