.text-hover-qtip {
	padding: 4px 6px;
	font-size: 14px;
}
abbr.c2c-text-hover {
	text-decoration: none;
	border-bottom: 1px dotted #000;
	color: #69A69A;
}
.qtip {
	font-family: Helvetica, Arial, sans-serif;
	background: rgba(0,0,0,.72);
	box-shadow: 0 1px 1px rgba(0,0,0,.12);
	border-radius: 3px;
	border-color: #000;
	line-height: 1.4em;
}

.text-hover-qtip,
.text-hover-qtip .qtip-content {
	color: #CC99FF;
}

/* --- Hyperlink Glossary Formatting (Theme Integration) --- */
/* Force ALL links inside a post content block that features tooltips to drop the high native line
   and adopt the uniform, slightly lower box model border line */
.wp-block-post-content a {
    text-decoration: none !important;
    border-bottom: 1px solid #E074DB !important; /* Standardizes the pink underline position globally */
}

/* IMAGE BOUNDARY EXCLUSION: Strip the pink underline border from links wrapping images */
.wp-block-post-content a:has(img),
.wp-block-post-content .wp-block-image a,
.wp-block-post-content .wp-block-gallery a {
    border-bottom: none !important;
}

/* The keyword box paints its own teal border directly on top of the link's standard pink line */
a abbr.c2c-text-hover {
    color: inherit !important; /* Keeps the text the same colour as the surrounding link */
    border-bottom: 1px solid #69A69A !important; /* Overlays a matching teal underline precisely under the keyword */
}


/* --- Combined Hyperlink Hover States --- */
/* Remove the standard link border baseline completely on hover */
.wp-block-post-content a:hover {
    border-bottom: none !important;
}

/* Force the keyword to clear its teal underline and join the theme's yellow hover color scheme */
a:hover abbr.c2c-text-hover {
    color: #F2F47F !important;
    border-bottom: none !important;
}