/* Bott & Co — progress indicator. Depends on tokens.css */
.bc-progress { display: grid; gap: 6px; }
.bc-progress__top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0; font-size: var(--bc-fs-sm); }
.bc-progress__stage { font-weight: var(--bc-fw-bold); color: var(--bc-navy); }
.bc-progress__count { color: var(--bc-muted-ink); font-variant-numeric: tabular-nums; }
.bc-progress__bar { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; }
.bc-progress__seg { height: 6px; border-radius: 3px; background: var(--bc-line-soft); overflow: hidden; }
.bc-progress__seg > span { display: block; height: 100%; background: var(--bc-teal); border-radius: 3px; transition: width .3s ease; }
.bc-progress__seg.is-current { box-shadow: 0 0 0 2px var(--bc-teal-200); }
@media (prefers-reduced-motion: reduce) { .bc-progress__seg > span { transition: none; } }
.bc-progress__next { margin: 0; font-size: var(--bc-fs-xs); color: var(--bc-muted-ink); }
@media (min-width: 1024px) { .bc-progress { max-width: var(--bc-card-max); } }