Enhance docs UI with interactive hover effects and visual polish

Add animated underlines to footer and nav links, heading anchor reveal
on hover, code block glow effect, and text selection styling. Include
subtle background grain texture and gentle bounce animation for explore
button. Improves visual feedback and interactivity across documentation.

Author: max-sixty

docs/content/list.md

@@ -63,7 +63,6 @@ Symbols appear in the Status column in this order:
 
 **Other:**
 - `⎇` — Branch without worktree
-- `⚑` — Path mismatch (not at expected location)
 - `⌫` — Prunable (directory missing)
 - `⊠` — Locked worktree
 

docs/sass/custom.scss

@@ -918,6 +918,119 @@ input:focus-visible {
     scrollbar-color: var(--wt-color-border-subtle) transparent;
 }
 
+// Custom text selection - brand colors
+::selection {
+    background: var(--wt-color-accent-soft);
+    color: var(--wt-color-text);
+}
+
+// Footer link underlines - extend the animated underline pattern
+footer a {
+    position: relative;
+    text-decoration: none;
+
+    &::after {
+        content: "";
+        position: absolute;
+        left: 0;
+        bottom: -1px;
+        width: 0;
+        height: 1px;
+        background: var(--wt-color-text-muted);
+        transition: width 200ms ease-out;
+    }
+
+    &:hover::after {
+        width: 100%;
+    }
+}
+
+// Nav item hover underlines
+header nav .nav-item {
+    position: relative;
+
+    &::after {
+        content: "";
+        position: absolute;
+        left: 0;
+        bottom: -2px;
+        width: 0;
+        height: 2px;
+        background: var(--wt-color-accent);
+        transition: width 200ms ease-out;
+    }
+
+    &:hover::after {
+        width: 100%;
+    }
+}
+
+// TOC hover indicator (non-active items) - just background, no border to avoid jiggle
+.toc-item a:not(.active):hover {
+    background: var(--wt-color-bg-soft);
+}
+
+// Code block hover glow - enhance the existing shadow
+.content pre {
+    transition: box-shadow 100ms ease;
+
+    &:hover {
+        box-shadow: 0 0 0 1px var(--wt-color-accent-soft),
+                    0 4px 16px rgba(27, 127, 75, 0.15),
+                    0 2px 8px rgba(0, 0, 0, 0.06);
+    }
+}
+
+// Heading anchor reveal on hover
+.content h2,
+.content h3 {
+    position: relative;
+
+    &::before {
+        content: "#";
+        position: absolute;
+        left: -1.5em;
+        color: var(--wt-color-text-soft);
+        opacity: 0;
+        transition: opacity 150ms ease;
+        font-weight: 400;
+    }
+
+    &:hover::before {
+        opacity: 0.6;
+    }
+}
+
+// Logo hover effect - subtle glow
+header .logo:hover img {
+    filter: drop-shadow(0 0 8px rgba(27, 127, 75, 0.3));
+    transition: filter 200ms ease;
+}
+
+// Subtle background grain texture
+body::before {
+    content: "";
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    opacity: 0.015;
+    z-index: 9999;
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
+}
+
+// Explore more bounce animation
+@keyframes gentle-bounce {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(4px); }
+}
+
+button.explore-more {
+    animation: gentle-bounce 2s ease-in-out infinite;
+}
+
 // ============================================================================
 // Dark Mode Adjustments
 // ============================================================================