UI touch ups

site/src/pages/blog/index.astro

@@ -36,7 +36,7 @@ const blogJsonLd = {
   <script type="application/ld+json" set:html={JSON.stringify(blogJsonLd)} />
   <section class="section">
     <div class="section-header">
-      <h2>Latest posts</h2>
+      <h2 class="title-hover-line">Latest posts</h2>
       <span class="muted">{posts.length} post{posts.length === 1 ? "" : "s"}</span>
     </div>
 

site/src/pages/index.astro

@@ -136,7 +136,7 @@ const homeJsonLd = {
 
   <section class="section">
     <div class="section-header">
-      <h2>High-performing videos</h2>
+      <h2 class="title-hover-line">High-performing videos</h2>
       <a
         class="muted"
         href="/videos"
@@ -215,7 +215,7 @@ const homeJsonLd = {
 
   <section class="section">
     <div class="section-header">
-      <h2>Podcast: Irregular Mind</h2>
+      <h2 class="title-hover-line">Podcast: Irregular Mind</h2>
       <a
         class="muted"
         href="/podcast"

site/src/pages/podcast.astro

@@ -44,7 +44,7 @@ const podcastJsonLd = {
   <script type="application/ld+json" set:html={JSON.stringify(podcastJsonLd)} />
   <section class="section">
     <div class="section-header">
-      <h2>Irregular Mind</h2>
+      <h2 class="title-hover-line">Irregular Mind</h2>
       <span class="muted">{episodes.length} episodes</span>
     </div>
     {

site/src/pages/videos.astro

@@ -44,7 +44,7 @@ const videosJsonLd = {
   <script type="application/ld+json" set:html={JSON.stringify(videosJsonLd)} />
   <section class="section">
     <div class="section-header">
-      <h2>Videos</h2>
+      <h2 class="title-hover-line">Videos</h2>
       <span class="muted">{videos.length} items</span>
     </div>
     {