/* TruAnon badge — self-contained, theme-agnostic.
   Rank colors are custom properties; themes may override them on :root. */

:root {
	--truanon-genuine: #2f6ef2;
	--truanon-reliable: #21a45d;
	--truanon-credible: #6b7280;
	--truanon-cautioned: #d99a06;
	--truanon-dangerous: #d64545;
	--truanon-unknown: #8a8f98;
}

/* Big pill: dark capsule, colored ring + check, rank over score. */
.truanon-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	background: #14181d;
	color: #fff !important;
	border: 2px solid var(--ta-color);
	border-radius: 999px;
	padding: 0.3em 1em 0.3em 0.4em;
	line-height: 1.15;
	text-decoration: none !important;
	box-shadow: none !important;
	font-size: 1rem;
	vertical-align: middle;
}

.truanon-pill .truanon-check {
	width: 2em;
	height: 2em;
	flex: none;
	display: block;
}

.truanon-pill-text b {
	display: block;
	font-weight: 700;
	color: #fff;
}

.truanon-pill-text small {
	display: block;
	font-size: 0.76em;
	font-weight: 400;
	opacity: 0.85;
	color: #fff;
}

a.truanon-pill:hover,
a.truanon-pill:focus {
	filter: brightness(1.15);
	color: #fff;
}

/* Unlinked badges (Private mode, Unknown) read slightly disabled — just
   enough to tell at a glance whether it will link. */
span.truanon-pill,
span.truanon-inline {
	opacity: 0.72;
	filter: saturate(0.65);
	cursor: default;
}

/* Inline check: sits beside a name at text size. */
.truanon-inline {
	display: inline-block;
	vertical-align: -0.14em;
	line-height: 0;
	text-decoration: none !important;
	box-shadow: none !important;
}

.truanon-inline .truanon-check {
	width: 1em;
	height: 1em;
}

/* Profile card. */
.truanon-card {
	border: 1px solid rgba(128, 134, 143, 0.35);
	border-radius: 12px;
	padding: 1em 1.25em;
	max-width: 26em;
	margin: 1em 0;
}

.truanon-card-head {
	display: flex;
	align-items: center;
	gap: 0.9em;
	flex-wrap: wrap;
}

.truanon-card-photo {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
}

.truanon-card-title {
	margin: 0.75em 0 0;
	opacity: 0.8;
}

/* Sections: one bare inline line each. Every piece is classed; the
   separators are CSS-generated — restyle or remove them in your theme. */
.truanon-card-section {
	margin: 0.75em 0 0;
}

.truanon-section-label {
	display: block;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	opacity: 0.65;
}

.truanon-anchor + .truanon-anchor::before {
	content: ", ";
	text-decoration: none;
	display: inline-block;
	white-space: pre;
	opacity: 0.7;
}