feat: unify all card styling to match working RecipeList pattern
Using RecipeList.css as the gold standard, applied consistent styling
across ALL cookbook and recipe card locations in Basil.
## Changes Summary
All cards now use RecipeList.css pattern:
- aspect-ratio: 1 / 1 (square cards)
- Image: height: 60% (not aspect-ratio 16/9)
- Padding: 0.5rem (not 1.25rem)
- Title: 0.75rem, 2-line clamp
- Description: 0.65rem, 1-line clamp
- Meta/stats: 0.6rem
- Tags: 0.55-0.6rem with minimal padding
## Files Updated
### CookbookDetail.css
**Recipes section:**
- Title: 0.9rem → 0.75rem, single-line → 2-line clamp
- Description: 0.75rem → 0.65rem
- Meta: 0.7rem → 0.6rem
- Tags: 0.65rem → 0.55rem with smaller padding
**Nested/included cookbooks section:**
- Title: 0.9rem → 0.75rem, nowrap → 2-line clamp
- Stats: 0.7rem → 0.6rem
- Cover placeholder: 2.5rem icon
- Padding: 0.5rem
### Cookbooks.css
**Main cookbook cards:**
- Title: 0.9rem → 0.75rem, nowrap → 2-line clamp
- Stats: 0.7rem → 0.6rem
- Cover: height 50%, 2.5rem icon
- Padding: 0.5rem
**Recent recipes section:**
- Card: height: 100% → aspect-ratio: 1/1
- Image: aspect-ratio: 16/9 → height: 60%
- Placeholder icon: 4rem → 3rem
- Padding: 1.25rem → 0.5rem
- Title: 1.2rem → 0.75rem
- Description: 0.9rem → 0.65rem, 2-line → 1-line clamp
- Meta: 0.85rem → 0.6rem
## Result
All cookbook and recipe displays now have:
✅ Consistent square cards across all column counts (3, 5, 7, 9)
✅ No text cutoff - all titles fit within 2 lines
✅ Proper text scaling at all column counts
✅ Same visual appearance as working RecipeList page
## Locations Fixed
1. All Recipes page (/recipes) - Already working ✅
2. My Cookbooks page (/cookbooks) - Fixed ✅
3. Cookbook Detail: Nested cookbooks - Fixed ✅
4. Cookbook Detail: Recipes section - Fixed ✅
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
a20dfd848c