- Title -->
        <h2 class="text-2xl font-bold mb-3 hover:text-primary-600 transition-colors duration-200">
            <a href="{{ .RelPermalink }}">{{ .Title }}</a>
        </h2>

        <!-- Description -->
        <p class="text-gray-600 mb-4 line-clamp-2">
            {{ with .Description }}
                {{ . }}
            {{ else }}
                {{ .Summary | truncate 160 }}
            {{ end }}
        </p>

        <!-- Author and Date in a cleaner layout -->
        <div class="flex ite