/*
 * Blog-specific additions to .sec-card (base styles in workshop-listing.css,
 * shared with torii/workshops and torii/skills-boosters). Scoped to
 * .torii-blog-listing / .sec-card--has-image so nothing here touches the
 * other two blocks that reuse .sec-card.
 */

.torii-blog-listing .sec-card__description {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sec-card--has-image .sec-card__image {
	position: relative;
	aspect-ratio: 3 / 2;
	border-radius: var(--sec-card-radius, 15px);
	overflow: hidden;
}

.sec-card--has-image .sec-card__image a {
	display: block;
	width: 100%;
	height: 100%;
}

.sec-card--has-image .sec-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.sec-card--has-image .sec-card__tags {
	position: absolute;
	left: 16px;
	bottom: 16px;
	z-index: 1;
}