/* The AI sparkle. Site wide, because every plugin marks its AI the same way.
   Everything here inherits colour, so it is the accent on a light page and the pale
   accent on a dark panel without a second set of rules. */

.bgwu-ai {
	display: inline-flex; align-items: center; gap: 4px;
	/* Sits against the cap height of the label rather than its baseline, which is
	   where the eye expects a mark of this size. */
	margin-left: 6px; vertical-align: 3px;
	font-style: normal; line-height: 1; white-space: nowrap;
	color: var(--accent, #9b2f2c);
}
.bgwu-ai-s { flex: none; display: block; }

/* Only where a page has to spell it out. Nothing does at the moment. */
.bgwu-ai.has-words {
	margin-left: 8px; padding: 3px 6px 3px 5px; border-radius: 5px; vertical-align: 2px;
	font-size: 9px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
	border: 1px solid color-mix(in srgb, var(--accent, #9b2f2c) 45%, transparent);
}

/* Named for a reader that cannot see the sparkle at all. */
.bgwu-hid {
	position: absolute; width: 1px; height: 1px; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap;
}