/* EFFVIT Preferred Source
   Google styles the pill itself and we cannot touch it. Everything here is the
   surround. Type is INHERITED throughout so each variant takes the client's own
   fonts and reads as part of the page rather than as a widget dropped onto it.
   Colours are derived from currentColor for the same reason: no hardcoded hex
   can work across a fleet of themes we do not control. */

.effvit-ps {
	margin: 2rem 0;
	display: flex;
	flex-direction: column;
	gap: .6rem;
}
.effvit-ps--left   { align-items: flex-start; }
.effvit-ps--center { align-items: center; text-align: center; }
.effvit-ps--right  { align-items: flex-end; text-align: right; }

/* ---- 04 aside: the editorial treatment ---------------------------------- */
.effvit-ps--aside {
	border-left: 2px solid;
	/* A hairline that works on light and dark themes alike. color-mix keeps it
	   tied to the surrounding text colour; the rgba line is the fallback for
	   browsers without it. */
	border-left-color: rgba(128, 128, 128, .3);
	border-left-color: color-mix(in srgb, currentColor 24%, transparent);
	padding: .15rem 0 .15rem 1.15rem;
	gap: .85rem;
	align-items: flex-start;
}
.effvit-ps--aside.effvit-ps--center,
.effvit-ps--aside.effvit-ps--right {
	/* The rule only reads as an aside when the text sits against it. */
	align-items: flex-start;
	text-align: left;
}
.effvit-ps__note {
	margin: 0;
	font-size: 1.02em;
	line-height: 1.55;
	max-width: 48ch;
	opacity: .92;
}

/* ---- 03 card ------------------------------------------------------------ */
.effvit-ps__card {
	border: 1px solid;
	border-color: rgba(128, 128, 128, .26);
	border-color: color-mix(in srgb, currentColor 18%, transparent);
	border-radius: 12px;
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	align-items: flex-start;
}
.effvit-ps__eyebrow {
	margin: 0;
	font-size: .68em;
	letter-spacing: .14em;
	text-transform: uppercase;
	opacity: .6;
}
.effvit-ps__title { margin: 0; font-size: 1.2em; line-height: 1.25; font-weight: 600; }
.effvit-ps__body  { margin: 0 0 .35rem; font-size: .95em; line-height: 1.55; max-width: 46ch; opacity: .78; }

/* ---- 02 label ----------------------------------------------------------- */
.effvit-ps__label { margin: 0; font-size: .95em; line-height: 1.5; opacity: .82; }

@media (prefers-reduced-motion: reduce) {
	.effvit-ps * { transition: none !important; animation: none !important; }
}