/* A quiet editing-ruler motif. All labels remain readable without motion. */
.process-rule{margin:0 0 42px;padding:18px 0 24px;color:var(--muted,#a7aaa0)}
.process-labels{position:relative;height:14px;font:9px/1.5 var(--mono,"SFMono-Regular",Consolas,monospace);letter-spacing:.1em;text-transform:uppercase}
.process-labels span{position:absolute;top:0;white-space:nowrap}.process-labels span:first-child{left:0}.process-labels span:nth-child(2){left:33.333%;transform:translateX(-50%)}.process-labels span:nth-child(3){left:66.667%;transform:translateX(-50%)}.process-labels span:last-child{right:0}
.process-track{display:flex;justify-content:space-between;align-items:center;height:13px;position:relative;margin-top:17px;overflow:hidden}
.process-track:before{content:"";position:absolute;inset:6px 0 auto;height:1px;background:var(--line,#353830)}
.process-track i{height:13px;width:1px;background:var(--line,#353830);position:relative}
.process-track:after{content:"";position:absolute;top:6px;left:0;width:42px;height:1px;background:var(--accent,#c4bc8c);opacity:.85}
@media(prefers-reduced-motion:no-preference){.process-track:after{animation:process-travel 14s ease-in-out infinite alternate}@keyframes process-travel{from{left:0;transform:translateX(0)}to{left:100%;transform:translateX(-100%)}}}
html[data-motion=off] .process-track:after{animation:none}
@media(max-width:600px){.process-rule{padding-block:12px 18px;margin-bottom:26px}.process-labels{font-size:8px;letter-spacing:.035em;gap:7px}.process-track{margin-top:13px}.process-track:after{width:28px}}
@media print{.process-track:after{animation:none}}