.flow{--accent-line:var(--grad-line);--accent-ink:var(--violet-300)}.flow-legend,.flow-variant+.flow-variant{margin-top:22px}.flow-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.flow-name{font-family:var(--font-display);color:var(--ink-900);font-size:15px;font-weight:700}.flow-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rule-strong);color:var(--fg-3);border-radius:999px;padding:3px 10px;font-size:10.5px}.flow-tag.bad{color:var(--warning);border-color:var(--warning);background:var(--warning-bg)}.flow-tag.good{color:var(--success);border-color:var(--success);background:var(--success-bg)}.flow-row{grid-template-columns:76px 1fr 56px;align-items:center;gap:12px;margin:8px 0;display:grid}.flow-label{font-family:var(--font-mono);color:var(--ink-700);font-size:11.5px}.flow-track{background:var(--bg-well);border-radius:5px;height:22px;position:relative;overflow:hidden}.flow-seg{border-radius:5px;height:100%;position:absolute;top:0}.flow-seg.find{background:var(--ember-600)}.flow-seg.verify{background:var(--violet-600)}.flow-done{font-family:var(--font-mono);color:var(--fg-3);text-align:right;font-size:11px;font-weight:600}.flow-done.good{color:var(--success)}.flow-done.bad{color:var(--warning)}.flow-axis{grid-template-columns:76px 1fr 56px;gap:12px;margin-top:4px;display:grid}.flow-axis-ticks{justify-content:space-between;display:flex}.flow-axis-ticks span{font-family:var(--font-mono);color:var(--fg-3);font-size:10px}.flow-legend{font-family:var(--font-mono);color:var(--fg-3);gap:20px;font-size:11px;display:flex}.flow-legend .sw{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.flow-legend .sw.find{background:var(--ember-600)}.flow-legend .sw.verify{background:var(--violet-600)}@media (max-width:620px){.flow-row,.flow-axis{grid-template-columns:56px 1fr 44px}.flow-label,.flow-done{font-size:10px}}.flow .stat-pair{grid-template-columns:repeat(2,1fr);gap:14px;margin:1.6em 0;display:grid}.flow .stat-pair .stat-tile.warn{border-color:var(--warning)}.flow .stat-pair .stat-tile.warn .big{color:var(--warning)}@media (max-width:560px){.flow .stat-pair{grid-template-columns:1fr}}