direct thought/story urls

src/components/ExpandableThought.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState } from "react";
+import Link from "next/link";
 import { Thought } from "@/data/creative";
 import { formatReadingTime } from "@/utils/readingTime";
 import Markdown from "react-markdown";
@@ -36,6 +37,12 @@ export default function ExpandableThought({ thought }: ExpandableThoughtProps) {
         <p className="text-gray-600 italic mb-4">{thought.excerpt}</p>
 
         <div className="flex gap-4 text-sm">
+          <Link
+            href={`/thoughts/${thought.id}`}
+            className="bg-teal-200 text-black px-3 py-1 border-2 border-black font-bold hover:bg-teal-300 transition-colors"
+          >
+            Read Full Thought
+          </Link>
           <span
             className={`${categoryColors[thought.category]} text-black px-3 py-1 border-2 border-black font-bold`}
           >