{{-- Назва тексту з фрагментом під нею: головна колонка списку --}}
<div class="max-w-[15rem] whitespace-normal md:max-w-[17rem] xl:max-w-md">
    <a href="{{ route('texts.show', $text) }}" class="font-semibold text-zinc-900 hover:text-accent-content hover:underline dark:text-white">{{ $text->name }}</a>
    <div dir="{{ $text->language?->direction() ?? 'ltr' }}" class="mt-0.5 truncate text-sm font-normal text-zinc-500 dark:text-zinc-400">{{ $snippet }}</div>
</div>