guides: simplify landing page chrome and card hover

Remove the guide-count eyebrow above the H1, drop the numbered
prefixes from the left-hand topic filter, and soften the featured
card hover (neutral border, no background fill).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: dvdksn

layouts/guides/landing.html

@@ -31,12 +31,9 @@
     {{- partial "breadcrumbs.html" . }}
 
     <div class="mt-4">
-      <p class="text-xs font-semibold tracking-widest text-gray-400 uppercase dark:text-gray-500">
-        {{- len .RegularPagesRecursive }} guides
-      </p>
       <h1
         data-pagefind-weight="10"
-        class="mt-2 scroll-mt-36 text-5xl font-bold tracking-tight"
+        class="scroll-mt-36 text-5xl font-bold tracking-tight"
       >
         Guides
       </h1>
@@ -85,7 +82,6 @@
           :class="!filtering() ? 'text-black dark:text-white font-medium' : 'text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100'"
         >
           <span class="flex items-center gap-2.5">
-            <span class="w-5"></span>
             <span>All guides</span>
           </span>
           <span class="text-xs tabular-nums text-gray-300 dark:text-gray-600">{{ len .RegularPagesRecursive }}</span>
@@ -101,9 +97,6 @@
               :class="tagFilter === '{{ $tag }}' ? 'text-black dark:text-white font-medium' : 'text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100'"
             >
               <span class="flex items-center gap-2.5">
-                <span class="w-5 text-xs tabular-nums text-gray-300 dark:text-gray-600">
-                  {{- printf "%02d" (add $i 1) -}}
-                </span>
                 <span>{{ $tagData.title }}</span>
               </span>
               <span class="text-xs tabular-nums text-gray-300 dark:text-gray-600">{{ len $pages }}</span>
@@ -129,7 +122,7 @@
               {{- range .ByWeight }}
                 <a
                   href="{{ .Permalink }}"
-                  class="group flex flex-col gap-1.5 rounded-lg border border-gray-200 p-4 transition-colors hover:border-blue-300 hover:bg-gray-50 dark:border-gray-800 dark:hover:border-blue-800 dark:hover:bg-gray-900"
+                  class="group flex flex-col gap-1.5 rounded-lg border border-gray-200 p-4 transition-colors hover:border-gray-300 dark:border-gray-800 dark:hover:border-gray-700"
                 >
                   <span class="font-medium leading-snug text-gray-900 transition-colors group-hover:text-blue-600 dark:text-gray-100 dark:group-hover:text-blue-400">{{ .Title }}</span>
                   <span class="line-clamp-2 text-sm leading-relaxed text-gray-500 dark:text-gray-400">{{ .Summary }}</span>