/* Breadcrumbs — Figma «Breadcrumbs» 3894:11480 (1440) / 4223:18654 (390); same
   structure also seen as «Navigation - Хлібні крихти» / «Breadcrumb
   Navigation» on other pages (e.g. 3099:2575, 3712:16781, 3222:13042):
   Link/Current text = XS/XS text, Separator = M/M text (semi bold), 10px gap
   between every piece. No hover variant is defined on this component
   anywhere in the file, so none is added here. The row hugs its content
   (`inline-flex`), matching the Figma frame's own `hug` sizing instead of
   stretching to the page width. */

.breadcrumbs ol {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumbs li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.breadcrumbs a,
.breadcrumbs [aria-current="page"] {
	font-size: var(--fs-xs-text);
	line-height: var(--lh-xs-text);
	font-weight: 400;
}

.breadcrumbs a {
	color: var(--color-neutral-500);
	text-decoration: none;
}

.breadcrumbs [aria-current="page"] {
	color: var(--color-neutral-800);
}

/* task-6-review.md M1 (fix round 1): `line-height: 0.7` computed to 14px at
   1440 / 11.2px at 390 — a real drift against Figma's own `lineHeightPx`
   (24 / 20), not the intended CAP_HEIGHT trim (which only clips glyph
   ascent/descent visually; it never changes the box's actual line-height).
   `text-box: trim-both cap alphabetic` is this project's established way
   to reproduce Figma's `leadingTrim: CAP_HEIGHT` (see event-card.css's
   `.event-card__title`) without touching `line-height` itself, which stays
   the token's real value so it scales with `--fs-m-text` at every
   breakpoint instead of a hand-picked ratio. */
.breadcrumbs__separator {
	font-size: var(--fs-m-text);
	line-height: var(--lh-m-text);
	font-weight: 600;
	text-transform: uppercase;
	color: var(--color-neutral-500);
	text-box: trim-both cap alphabetic;
}