/* Vocab Manager — inline glossary (v0.4.0) */

/* Term cues */
.vm-term { cursor: help; }
.vm-cue-underline {
	text-decoration: underline dotted;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
	text-decoration-color: #3182ce;
}
.vm-cue-highlight {
	background: #fff3bf;
	border-radius: 3px;
	box-shadow: 0 0 0 1px #ffe066 inset;
}
.vm-cue-none { /* no visual cue; still interactive */ }
.vm-term:focus { outline: 2px solid #3182ce; outline-offset: 2px; border-radius: 2px; }

/* Tooltip */
.vm-tip {
	position: absolute;
	z-index: 100000;
	max-width: 280px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	background: #1a202c;
	color: #fff;
	border-radius: 10px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
	font-size: 15px;
	line-height: 1.4;
	pointer-events: auto;
}
.vm-tip[hidden] { display: none; }

/* Little pointer */
.vm-tip::after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #1a202c;
	border-bottom: 0;
}
.vm-tip.vm-tip-below::after {
	bottom: auto;
	top: -6px;
	border-top: 0;
	border-bottom: 6px solid #1a202c;
}

.vm-tip-he {
	direction: rtl;
	unicode-bidi: isolate;
	font-size: 1.05em;
	font-weight: 600;
}
.vm-tip-level {
	font-size: 0.72em;
	background: rgba(255, 255, 255, 0.18);
	padding: 1px 7px;
	border-radius: 999px;
	white-space: nowrap;
}
.vm-tip-audio {
	flex: 0 0 auto;
	background: #3182ce;
	color: #fff;
	border: 0;
	border-radius: 999px;
	width: 26px;
	height: 26px;
	padding: 0;
	cursor: pointer;
	font-size: 12px;
	line-height: 26px;
}
.vm-tip-audio:hover { background: #2b6cb0; }

@media (max-width: 600px) {
	.vm-tip { max-width: 220px; font-size: 14px; }
}