/* Build Progress page (LMA-S1-PROGRESS) — hero fraction + per-category bars.
 * Tokens only (DG-T1); bars are semantic <progress> elements paired with
 * visible counts (DG-T6 — fill is never the only signal). */

.progress-hero {
  margin: 0 0 var(--space-3);
  font-size: var(--text-base);
  color: var(--color-ink-muted);
}

.progress-hero-number {
  display: block;
  font-size: var(--text-2xl); /* DG-T3: hero numbers */
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  color: var(--color-ink);
}

.progress-bar {
  /* Cross-engine <progress> reset so the track/fill use tokens. */
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: var(--space-2);
  border: none;
  border-radius: var(--radius-full);
  overflow: hidden;
  background: var(--color-border);
  margin-bottom: var(--space-2);
}

.progress-bar::-webkit-progress-bar {
  background: var(--color-border);
  border-radius: var(--radius-full);
}

.progress-bar::-webkit-progress-value {
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

.progress-bar::-moz-progress-bar {
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

.progress-category-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.progress-category-head {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin-bottom: var(--space-2);
}