Bug fix - carousel dots now centered in detailed layout
The pagination dots under the carousel were left-aligned instead of centered when using the detailed layout. Root cause: the detailed layout overrides .content to align-items: flex-start, which collapsed the .dots container to its content width and pinned it to the left.
Fix
Added width: 100% to the .dots rule so the container spans the full parent width and its own justify-content: center takes effect.
Fixes
- Closes #5 - Carousel dots left-aligned in detailed layout
Notes
Pure CSS tweak, zero risk. Other layouts were unaffected before and unaffected now.