read.markets/app/static/css
Giorgio Gilestro 77b867c924 landing: lift screenshots off the page; align feature thumbnails
Two fixes after a visual review:

1. Drop-shadow on every `.shot` so screenshots read as raised elements,
   not part of the page chrome. Soft slate shadow in light mode; deeper
   pure-black shadow + accent-tinted glow on hover in dark mode (the slate
   shadow disappears against the near-black background). The hover state
   also nudges the card up 1px so the lift is felt, not just seen.

2. Vertical alignment of the news / macro / hourly thumbnails inside the
   three feature cards. The cards are already equal-height (grid row,
   default stretch); now `.feature-card__body { flex-grow: 1 }` plus
   `display:flex; flex-direction:column` on the card pushes the body
   text to fill the column, which lands every thumbnail at the same y
   regardless of how much copy sits above it. Fixed 18px gap between
   body text and thumbnail.
2026-05-26 00:29:51 +02:00
..
cassandra.css landing: lift screenshots off the page; align feature thumbnails 2026-05-26 00:29:51 +02:00