.custom-tooltip {
	position: fixed;
	background: #222;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	font-size: 16px;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	transform: translate(-5px, -5px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	z-index: 500;
}
.custom-tooltip.show {
	opacity: 1;
	transform: translateY(0);
}
.hint {
	color: #ccc;
	font-size: 13px;
	display: block;
	margin-top: 4px;
}

.custom-tooltip h3 {
	margin: 0;               /* Remove space above and below */
	font-size: 18px;         /* Optional: slightly smaller than default */
	font-weight: bold;       /* Optional: keep emphasis */
	line-height: 1.2;        /* Tighter spacing */
	color: #fff;
}