/**
 * wpt-glossary-public.css
 *
 * https://wp-tutorials.tech/refine-wordpress/create-a-dynamic-glossary-with-javascript-tooltips/
 */

.glossary-term {
	border-bottom: 3px dotted blue;
	cursor: default;
}

.glossary-tooltip {
	background: white;
	color: #333;
	border: 1px solid #888;
	padding: 1rem;
	max-width: 30rem;
	max-height: 50%;
	z-index: 10000;
	overflow-y: hidden;

	display: none;
}

.glossary-tooltip p:last-child {
	margin-bottom: 0;
}

.glossary-tooltip[data-show] {
	display: block;
}