.progress-rail { width: min(calc(100% - 2rem), 40rem); margin: 0 auto 1.4rem; }
.progress-rail ol { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; list-style: none; }
.progress-rail ol::before { position: absolute; top: 0.78rem; right: 16.6%; left: 16.6%; height: 1px; background: rgba(174, 181, 189, 0.2); content: ""; }
.progress-rail li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 0.45rem; color: #858d96; font-family: var(--font-mono); font-size: 0.63rem; letter-spacing: 0.08em; text-transform: uppercase; }
.progress-rail__number { z-index: 1; display: grid; width: 1.6rem; height: 1.6rem; place-items: center; border: 1px solid #59616a; border-radius: 50%; background: var(--ink-950); color: #9ba3ac; font-size: 0.65rem; }
.progress-rail__active { color: var(--paper-100) !important; }
.progress-rail__active .progress-rail__number { border-color: var(--brass-bright); box-shadow: 0 0 0 4px rgba(197, 154, 80, 0.1); color: var(--brass-bright); }
.progress-rail__complete { color: var(--muted) !important; }
.progress-rail__complete .progress-rail__number { border-color: var(--success); background: #16392e; color: var(--success); }