/* ============================================================
   labs — pipeline (animated SDLC flow on the home page)
   ============================================================ */

.pipeline {
	margin: 0 0 1.5rem;
	border: 1px solid var(--border);
	border-radius: 6px;
	background: var(--bg-elevated);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.pipeline-hud {
	display: flex;
	gap: 2rem;
	justify-content: flex-end;
	align-items: baseline;
	padding: 0.85rem 1.25rem;
	border-bottom: 1px solid var(--border);
	background: rgba(255, 255, 255, 0.015);
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--border-bright) transparent;
}
.pipeline-hud::-webkit-scrollbar { height: 6px; }
.pipeline-hud::-webkit-scrollbar-track { background: transparent; }
.pipeline-hud::-webkit-scrollbar-thumb {
	background: var(--border-bright);
	border-radius: 4px;
}
.pipeline-stat {
	display: flex;
	align-items: baseline;
	gap: 0.55rem;
	font-family: var(--font-mono);
	flex-shrink: 0;
	white-space: nowrap;
}
.pipeline-stat-label {
	font-size: 0.68rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--text-faint);
}
.pipeline-stat-value {
	font-size: 1.05rem;
	font-weight: 500;
	color: var(--text);
	font-variant-numeric: tabular-nums;
}
.pipeline-stat-value.rework { color: var(--hotfix); }
@media (max-width: 720px) {
	.pipeline-hud {
		gap: 1.25rem;
		padding: 0.65rem 1rem;
		justify-content: flex-start;
	}
	.pipeline-stat-label { font-size: 0.62rem; }
	.pipeline-stat-value { font-size: 0.95rem; }
}

.pipeline-svg-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	scrollbar-color: var(--border-bright) transparent;
}
.pipeline-svg-scroll::-webkit-scrollbar { height: 8px; }
.pipeline-svg-scroll::-webkit-scrollbar-track { background: transparent; }
.pipeline-svg-scroll::-webkit-scrollbar-thumb {
	background: var(--border-bright);
	border-radius: 4px;
}
.pipeline-svg {
	display: block;
	width: 100%;
	min-width: 800px;
	height: auto;
	max-height: 900px;
	padding: 0.5rem 0 1rem;
}