
.capsule-card {
	overflow: hidden;
	background-color: #FFFFFF;
	color: #131114;
}

.capsule-title {
	font-size: 1.0rem;
}
.capsule-description,
.capsule-description > summary {
	display: inline;
}
.capsule-description > summary {
	cursor: pointer;
	color: #245539;
	text-decoration: underline;
	list-style: none;
}
.capsule-description > summary::-webkit-details-marker {
	display: none;
}
.capsule-description-less,
.capsule-description[open] .capsule-description-more {
	display: none;
}
.capsule-description[open] .capsule-description-less {
	display: inline;
}
.capsule-description p {
	font-family: inherit;
	font-size: inherit;
}
.capsule-video {
	overflow: hidden;
	aspect-ratio: 16 / 9;
	cursor: zoom-in;
}
.capsule-video video,
.capsule-video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.capsule-thumb {
	overflow: hidden;
	cursor: zoom-in;
}
.capsule-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.capsule-review-panel {
}
.capsule-release-date {
	font-size: 0.8rem;
}
.capsule-rating-pct {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
}
.capsule-rating-mid {
	color: #794800;
}

.capsule-rating-icon { font-size: 1.2rem; margin-left: 0.25rem; }

.capsule-rating-count { font-size: 0.8rem; }

.capsule-tags {
	font-size: 0.75rem;
	margin-top: 0.5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* Tag links inherit the muted row color; underline only on hover: */
.capsule-tag-link {
	color: inherit;
	text-decoration: none;
}

.capsule-tag-link:hover {
	text-decoration: underline;
}

.capsule-price-btn {
	white-space: nowrap;
}

/* Steam-dark store button — used regardless of price/coming-soon state: */
.capsule-store-btn {
	background-color: #171d25;
	border-color: #171d25;
	color: #fff;
}
.capsule-store-btn:hover,
.capsule-store-btn:focus {
	background-color: #2a3f5f;
	border-color: #2a3f5f;
	color: #fff;
}

/* Applied label-button colors moved to labels.css (loaded site-wide via base.html). */
