/*
	冻结样式：详情页面包屑条。
	来源：echomachinery.com 的 assets/index.DXTTrtRU.css，与列表页 .ph 共用同一批规则。

	⚠️ 这四条规则和 archive-header.css 里的前四条**是重复的**，这是有意的：
	每个模块的 CSS 必须自带自己需要的全部规则 —— 列表页头部和详情页面包屑
	是两个独立 widget，各自只在出现时 enqueue，不能指望对方先加载。
	（不重复的做法是抽一份 ph-base.css，但那会引入"谁负责 enqueue 它"的问题，
	 对两个模块、四条规则来说不划算。）

	详情页的 .ph 里没有 kicker / 标题 / 描述，所以那几条规则这里不抄。
*/

.ph[data-astro-cid-wu5dj4rx] {
	padding: var(--space-8) 0 var(--space-6);
	border-bottom: 1px solid var(--border-light);
}

.ph-breadcrumbs[data-astro-cid-wu5dj4rx] {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--text-tertiary);
	margin-bottom: var(--space-4);
}

.ph-breadcrumbs[data-astro-cid-wu5dj4rx] a[data-astro-cid-wu5dj4rx] {
	color: var(--text);
	transition: color var(--dur);
	background: none;
}

.ph-breadcrumbs[data-astro-cid-wu5dj4rx] a[data-astro-cid-wu5dj4rx]:hover {
	color: var(--brand);
}

.ph-sep[data-astro-cid-wu5dj4rx] {
	color: var(--border);
	margin: 0 4px;
}

/*
	注：详情页里面包屑是 .ph 的唯一子元素，`margin-bottom: var(--space-4)` 会多出一段空白。
	参考站也是这样（同一份 CSS、同样的 DOM），所以**照留**，不要"顺手优化掉"——
	仿站的目标是和参考站一致，不是比它更好看。
*/