astro-website/openspec/changes/card-layout/tasks.md

1. Card Component + Styles

• 1.1 Create a shared card component implementing the standard card layout (media, title, summary, meta row, footer)
• 1.2 Add/adjust shared CSS so the card meta row uses space-between and the footer consistently shows the source label

2. Data Model Support

• 2.1 Extend normalized ContentItem to support an optional summary field and ensure it is persisted in the content cache
• 2.2 Populate summary for YouTube and podcast items during ingestion (safe trimming / fallback when missing)

3. Apply Across Site

• 3.1 Update ContentCard surfaces (/, /videos, /podcast) to use the shared card layout and include date/views/source in the standard positions
• 3.2 Update blog post cards (/blog, category listings) to use the shared card layout (including publish date and blog source footer)
• 3.3 Ensure cards render cleanly when optional fields are missing (no image, no views, no summary)

4. Verify

• 4.1 Add/update tests to assert standardized card structure/classes across ContentCard and blog post cards
• 4.2 Build the site and verify /videos, /podcast, and /blog render cards matching the standard layout