{newsItem.datetime}
{newsItem.title}
{newsItem.teaser -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries: '1') -> f:format.html()}
{newsItem.bodytext -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries: '1') -> f:format.html()}
{f:translate(key: 'news.slider.viewAll', domain: 'sflg_sitepackage.messages')}
One drawer per news item; main.js's existing generic [data-drawer-target] handler opens the one matching the clicked card's "read more" button.