/* ━━━ サイドバー：YouTube 最新動画ウィジェット ━━━ */

.st--red {
	color: #FF0000;
}
.st--red .section-title__icon {
	background: linear-gradient( 135deg, #FF0000, #FF6B6B );
	color: #fff;
}

.yt-latest-card {
	display: block;
	text-decoration: none;
	color: var( --c-text );
	border-radius: 12px;
	overflow: hidden;
	transition: transform .2s, box-shadow .2s;
}
.yt-latest-card:hover {
	transform: translateY( -3px );
	box-shadow: 0 8px 24px rgba( 0,0,0,.12 );
}
.yt-latest-card + .yt-latest-card {
	margin-top: .9rem;
}
.yt-latest-card__thumb-wrap {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #111;
	border-radius: 10px;
	overflow: hidden;
}
.yt-latest-card__thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .3s;
}
.yt-latest-card:hover .yt-latest-card__thumb {
	transform: scale( 1.04 );
}
.yt-latest-card__play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba( 0,0,0,.32 );
	opacity: 0;
	transition: opacity .2s;
}
.yt-latest-card:hover .yt-latest-card__play {
	opacity: 1;
}
.yt-latest-card__play svg {
	filter: drop-shadow( 0 2px 8px rgba(0,0,0,.6) );
}
.yt-latest-card__title {
	font-size: .82rem;
	font-weight: 600;
	line-height: 1.5;
	margin: .6rem 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}