1.Example Item 1 Title longer text that should now be cut off if too long
2.Example Item 2 Title
3.Another Example Item Title that is very long and should definitely be truncated now instead of wrapping.
4.Short Title
5.Another one with some description to make it longer.
6.More Content Here, allowing for more lines to be visible in the taller card.
7.Seventh Item Example for demonstration.
8.Eighth Item, still more to fill the space.
9.Ninth Article of Interest.
10.Tenth Item in the List. This should fill about half of the scrollable area now.
11.Eleventh Entry to fill the view.
12.Another long entry that tests the two-line clamp and overall card height to make sure it doesn't overflow unnaturally.
13.Thirteenth item, almost there.
14.Fourteenth content piece.
15.Fifteenth item, final one visible before scrolling.
16.Sixteenth item, getting closer to 20.
17.Seventeenth item.
18.Eighteenth item.
19.Nineteenth item.
20.Twentieth item - this should be near the bottom of the visible area.
21.Twenty-first item - this should now be scrolled.
{{ i+1 }}. {{ item.title }}