Add package comparison feature: CompareBar, ComparisonTable, ComparisonPage
New components for side-by-side funeral package comparison:
- CompareBar molecule: floating bottom pill with fraction badge (1/3, 2/3, 3/3),
contextual copy, Compare CTA. For ProvidersStep and PackagesStep.
- ComparisonTable organism: CSS Grid comparison with info card, floating verified
badges, separate section tables (Essentials/Optionals/Extras) with left accent
borders, row hover, horizontal scroll on narrow desktops, font hierarchy.
- ComparisonPage: WizardLayout wide-form with Share/Print actions. Desktop shows
ComparisonTable, mobile shows mini-card tab rail + single package card view.
Recommended package as separate prop (D038).
Also fixes PackageDetail: adds priceLabel pass-through (D039), updates stories
to Essentials/Optionals/Extras section naming (D035).
Decisions: D035-D039 logged. Audits: CompareBar 18/20, ComparisonTable 17/20.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Richie
52fd0f199a