/* Trace detail — vertical list of reasoning steps, similar layout to
   lineage but per-step instead of per-run. */

.trace {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
}
.trace__step {
    padding: var(--sp-3);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    border-left: 3px solid var(--color-accent);
}
.trace__step-head {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-2);
}
.trace__step-num   { font-family: var(--font-mono); color: var(--color-text-dim); }
.trace__step-kind  {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-accent);
}
.trace__step-time  { margin-left: auto; }
.trace__step-thought {
    color: var(--color-text);
    margin-bottom: var(--sp-2);
}