From ed04b46d23bfa04381825b561c5ab89bb14acebe Mon Sep 17 00:00:00 2001
From: Michael McKeen <m.mckeen@f5.com>
Date: Mon, 25 Aug 2025 12:35:14 -0400
Subject: [PATCH] Headings: Align header anchors to relative top

---
 assets/css/v2/style.css | 41 +++++++++--------------------------------
 1 file changed, 9 insertions(+), 32 deletions(-)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index 28318ca2..3f40dd76 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -1500,11 +1500,18 @@ a:hover {
   h3:target,
   h4:target,
   h5:target,
-  h6:target {
+  h6:target,
+  h2:has(a):hover,
+  h3:has(a):hover,
+  h4:has(a):hover,
+  h5:has(a):hover,
+  h6:has(a):hover {
     color: oklch(var(--color-brand));
 
     .headerlink::before {
-      display: block !important;
+      display: flex;
+      align-items: flex-start;
+      height: 100%
     }
   }
 
@@ -1519,36 +1526,6 @@ a:hover {
     position: relative;
   }
 
-  h2:has(a):hover {
-    .headerlink::before {
-      display: block;
-    }
-  }
-
-  h3:has(a):hover {
-    .headerlink::before {
-      display: block;
-    }
-  }
-
-  h4:has(a):hover {
-    .headerlink::before {
-      display: block;
-    }
-  }
-
-  h5:has(a):hover {
-    .headerlink::before {
-      display: block;
-    }
-  }
-
-  h6:has(a):hover {
-    .headerlink::before {
-      display: block;
-    }
-  }
-
   .content__reading-time {
     font-size: var(--font-step--1);
     color: oklch(var(--color-footer-text));