/* Inline term explainers: dotted-underline jargon with a hover/tap definition. */
.wce-term{
	border-bottom:1px dotted rgba(120,110,95,.75);
	cursor:help;
	white-space:nowrap;
}
.wce-term:focus{ outline:2px solid rgba(160,90,60,.5); outline-offset:2px; border-radius:2px; }

#wce-tip{
	position:absolute;
	z-index:9999;
	max-width:290px;
	background:#2b2a26;
	color:#f3efe7;
	padding:.6rem .75rem;
	border-radius:9px;
	font-family:inherit;
	font-size:14.5px;
	line-height:1.5;
	box-shadow:0 8px 30px rgba(0,0,0,.28);
	opacity:0;
	transform:translateY(5px);
	transition:opacity .12s ease, transform .12s ease;
	pointer-events:none;
}
#wce-tip.on{ opacity:1; transform:translateY(0); }
#wce-tip b{ color:#fff; }
#wce-tip::after{
	content:"";
	position:absolute;
	left:var(--tipx,50%);
	bottom:-6px;
	width:12px;height:12px;
	background:#2b2a26;
	transform:translateX(-50%) rotate(45deg);
}
#wce-tip.below::after{ bottom:auto; top:-6px; }