/* Term explanations ([simple_tooltip]): same look as the former Zebra Tooltips (#ededed / #515151),
   with larger text and a dotted underline so terms are recognisable on touch screens too. */
.tooltips {
	cursor: help;
	text-decoration: underline dotted;
	text-decoration-color: rgba(81, 81, 81, 0.55);
	text-underline-offset: 0.2em;
}
.tooltips:has(img) {
	display: inline-block;
	text-decoration: none;
}
.tooltips:focus-visible {
	outline: 2px solid #0f2882;
	outline-offset: 2px;
}
.fldf-tip {
	position: absolute;
	z-index: 99999;
	box-sizing: border-box;
	max-width: min(320px, calc(100vw - 16px));
	padding: 12px 16px;
	background: #ededed;
	color: #515151;
	opacity: 0.97;
	border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
	font: 15px/1.45 Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-align: left;
	pointer-events: none;
}
.fldf-tip[hidden] {
	display: none;
}
.fldf-tip-arrow {
	position: absolute;
	bottom: -10px;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom: 0;
	border-top-color: #ededed;
}
.fldf-tip-below .fldf-tip-arrow {
	top: -10px;
	bottom: auto;
	border-top: 0;
	border-bottom: 10px solid #ededed;
}