.yp-thread-picks .card-body {
	padding: 0;
}

.yp-thread-list {
	margin: 0;
	max-height: 150px;
	overflow-y: auto;
}

.yp-thread-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	min-height: 30px;
	padding: 0.38rem 0.75rem;
	border-bottom: 1px dashed #e1e4e8;
}

.yp-thread-item:last-child {
	border-bottom: 0;
}

.yp-thread-title {
	min-width: 0;
	color: #333;
	font-size: 13px;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.yp-thread-title:hover {
	color: #007bff;
	text-decoration: none;
}

.yp-thread-meta {
	flex: 0 0 auto;
	font-size: 11px;
	color: #8a96a3;
	white-space: nowrap;
}

.yp-thread-meta span + span {
	margin-left: 0.75rem;
}

@media (max-width: 575.98px) {
	.yp-thread-picks .card-header {
		overflow-x: auto;
	}

	.yp-thread-picks .nav {
		flex-wrap: nowrap;
		white-space: nowrap;
	}

	.yp-thread-item {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.25rem;
	}

	.yp-thread-title {
		width: 100%;
	}
}