.prediksi-list {
	display: block;
}

.prediksi-card {
	display: flex;
	align-items: stretch;
	gap: var(--gap);
	padding: var(--pad);
	margin: 0 0 var(--mg);
	background: var(--surface);
	border: 1px solid var(--line);
}

.prediksi-card .market-logo {
	width: 120px;
	height: 120px;
	flex: 0 0 120px;
	align-self: center;
}

.prediksi-card.is-flash {
	box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.35);
}

.prediksi-body {
	min-width: 0;
	flex: 1;
}

.prediksi-h3 {
	margin: 0;
	font-weight: bold;
	line-height: 1.25;
	color: var(--black);
}

.prediksi-meta {
	margin-top: var(--pad);
	font-size: 13px;
	color: var(--text-muted);
	font-weight: bold;
}

.prediksi-meta-item {
	display: inline;
	font-weight: bold;
}

.prediksi-meta-item + .prediksi-meta-item,
.prediksi-meta-item + .prediksi-meta-link,
.prediksi-meta-link + .prediksi-meta-item,
.prediksi-meta-link + .prediksi-meta-link {
	margin-left: var(--pad);
}

.prediksi-meta-link {
	color: var(--orange);
	font-weight: bold;
	text-decoration: none;
}

.prediksi-meta-link:hover {
	color: var(--orange);
	text-decoration: none;
}

.prediksi-desc {
	margin: var(--pad) 0 0;
	color: rgba(0, 0, 0, 0.75);
	line-height: 1.5;
}

.prediksi-desc a {
	color: var(--orange);
	font-weight: bold;
	text-decoration: none;
}

.prediksi-desc a:hover {
	color: var(--orange);
	text-decoration: none;
}

.prediksi-action {
	margin-top: var(--pad);
}

.prediksi-btn-view {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--gap);
	padding: var(--pad);
	border: 0;
	background: var(--orange);
	color: var(--white);
	text-shadow: var(--ts);
	font-weight: bold;
	cursor: pointer;
}

.prediksi-btn-view svg {
	width: 18px;
	height: 18px;
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.35));
}

.prediksi-btn-view:hover {
	background: var(--black);
}

.prediksi-sentinel {
	height: calc(var(--pad) * 2);
}

.prediksi-modal {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
	padding: var(--pad);
	z-index: 999;
}

.prediksi-modal.is-open {
	display: flex;
}

.prediksi-modal-card {
	width: 100%;
	max-width: 520px;
	background: var(--white);
	border: 1px solid var(--line);
	padding: var(--pad);
}

.prediksi-modal-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap);
	margin: 0 0 var(--pad);
}

.prediksi-modal-head h4 {
	margin: 0;
	font-weight: bold;
	color: var(--black);
}

.prediksi-modal-close {
	border: 0;
	background: transparent;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	color: var(--black);
}

.prediksi-kand {
	margin-top: var(--pad);
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}

.prediksi-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--pad);
	background: rgba(0, 0, 0, 0.06);
	border: 1px solid var(--line);
	font-weight: bold;
	color: var(--black);
}