[truegoodcraft]

What changes

A presentation-only restyle of the shared directory stylesheet (src/styles.css). It applies to every community built from this source once that community is released.

• Header: lighter bar, "Call 2-1-1" shown as a pill with a phone icon.
• Hero: soft panel with the help card inside it.
• Emergency / Affordable switch becomes a segmented control; category filters become pills with a check on the selected one.
• Search field, "Open now or later today" and "Use my location" are rounded, equal-height controls with icons.
• Listing cards: larger radius, softer shadow, quick facts in a tinted panel with an icon per row, a full-width "Before you go & weekly hours" row with a chevron, icons on Call and Directions.
• Listing pages and text pages use a narrower reading column; detail sections are rounded panels and the access answers line up in two columns.
• Notices are rounded callouts with an icon instead of a left bar.
• The footer stays at the bottom of short pages.

src/presentation.ts adds a modifier class to each quick-fact row (fact-where, fact-who, fact-cost, fact-today, fact-access) so the stylesheet can attach icons.

What does not change

Listing data, copy, analytics, service worker and offline behaviour, the printable directory and the download. Icons are inline data URIs in the stylesheet; no new assets, fonts or dependencies. Tap targets stay at 44px or larger, and forced-colours, reduced-motion and print rules are kept.

Checks

• npm run check -- --all: unit and contract tests pass (83). Browser tests pass in Chromium (32), including the layout and axe accessibility checks for Kingston, Brockville and Exampleville. Firefox and WebKit were not available locally and rely on CI.