diff --git a/src/pages/index.astro b/src/pages/index.astro
index c1e024e..b6f39a5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -34,7 +34,7 @@ const entries = await getBlogEntries();
     <div class="space-y-1 fade-in-delay">
       {entries.map((entry) => (
         <article>
-          <a href={`/${entry.rkey}`} class="group block py-4 sm:py-5 -mx-3 sm:-mx-4 px-3 sm:px-4 rounded-lg hover:bg-paper-raised transition-colors">
+          <a href={`/${entry.rkey}`} class="group block py-4 sm:py-5 -mx-3 sm:-mx-4 px-3 sm:px-4 rounded-lg hover:bg-paper-raised transition-all border-l-2 border-transparent hover:border-accent">
             <div class="flex flex-col sm:flex-row sm:items-baseline sm:justify-between gap-1 sm:gap-4">
               <h2 class="font-serif text-base sm:text-lg font-semibold text-ink-bright group-hover:text-accent transition-colors">
                 {entry.title}
diff --git a/src/styles/global.css b/src/styles/global.css
index e6ebf11..a718376 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -79,6 +79,12 @@
   --color-border-light: #dec9ce;
 }
 
+/* Text selection — theme-matched highlight */
+::selection {
+  background: color-mix(in srgb, var(--color-accent) 25%, transparent);
+  color: var(--color-ink-bright);
+}
+
 html {
   scroll-behavior: smooth;
   -webkit-font-smoothing: antialiased;
@@ -271,8 +277,17 @@ body {
 
 .prose hr {
   border: none;
-  border-top: 1px solid var(--color-border);
   margin: 2.5rem 0;
+  text-align: center;
+  line-height: 0;
+}
+
+.prose hr::after {
+  content: "·   ·   ·";
+  font-family: var(--font-serif);
+  font-size: 1.25rem;
+  letter-spacing: 0.15em;
+  color: var(--color-muted);
 }
 
 .prose img {