Redesign evidence tracking for human readability

[arberx]

What changed

Replaces the dense 6-column EvidenceTable with a card-based layout and rewrites the evidence drawer to be immediately useful at a glance.

EvidencePhraseCards (replaces the table)

• One card per keyword — 2-col responsive grid
• Color-accented left border by citation state (emerald = cited, rose = lost, zinc = not-cited)
• Primary status badge + trend arrow + streak label ("Cited 3 runs in a row ↑")
• Timeline dot history spanning all runs for that phrase
• Per-provider clickable pills — each shows Gemini ✓ / OpenAI ✗ / Claude – inline, tapping opens the evidence drawer for that specific provider

Redesigned EvidenceDrawer

• Position hero block — the first thing you see: "Cited Clean up docs and update for Phase 2 #2 of 4 domains" or "Not in this answer" with color context
• AI answer with your domain highlighted — uses highlightTermsInText() to mark your canonical domain and project name in emerald so you can see exactly where (or if) you appear
• Citation leaderboard — ordered ranked list of every domain cited, with You (emerald), Competitor (rose), and Other (zinc) labeled
• Action items — technical signals rendered as a styled list with ✓ (why you're cited) or ⚠ (what to fix) icons
• Grounding sources and evidence URLs as proper clickable links

Supporting

• highlightTermsInText() utility — splits text on domain/project name matches, handles bold markdown in non-highlighted segments
• ~170 lines of new CSS in styles.css following the existing @apply pattern