Nathan Esquenazi 34b06ddfba fix: redesign Quick Reference picker cards — visible, styled, scannable ...

Problems: picker cards were near-invisible (rgb(22,27,34) on rgb(13,17,23)
background — 5% contrast), text-align:center with no hierarchy, no color
on recommendation text, no icons, duplicate .picker-grid CSS rule causing
conflicts.

Fixes:
- Background: var(--bg-card) → var(--bg-tertiary) for real contrast
- Left border: 3px solid var(--accent) amber accent strip on every card
- display: flex, flex-direction: column for proper stacking layout
- recommendation color: var(--accent) amber — pops against dark bg
- recommendation font-weight: 800 (was 700)
- use-case label: emoji icon per category for instant scanning
- why-short: improved descriptions with more context
- Hover: border glow + box-shadow + translateY lift
- Removed duplicate .picker-grid rule (minmax 200px) — was fighting new
  minmax 220px rule
- Section header redesigned: two-line title + subtitle instead of plain label

2026-04-12 02:37:27 +00:00

..

index.html

fix: redesign Quick Reference picker cards — visible, styled, scannable

2026-04-12 02:37:27 +00:00