From b1bf3f40d82b261276e4981e584cbe4c313da92a Mon Sep 17 00:00:00 2001
From: Codex Agent <agent@example.com>
Date: Mon, 9 Mar 2026 18:43:25 +0000
Subject: [PATCH] Keep tooltip above cursor

---
 hdyc-svelte/src/app.css                                 | 6 +++---
 hdyc-svelte/src/routes/category/[category]/+page.svelte | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index ab5c568..ddf9747 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -676,7 +676,7 @@ a:focus-visible {
   display: block;
   position: relative;
   --calc-tooltip-left: 50%;
-  --calc-tooltip-translate: 0.2rem;
+  --calc-tooltip-translate: -0.35rem;
   padding: 1rem 1.25rem;
   background: var(--card-bg);
   border: 1px solid var(--border);
@@ -714,10 +714,10 @@ a:focus-visible {
   pointer-events: none;
   opacity: 0;
   visibility: hidden;
-  transform: translate(-50%, var(--calc-tooltip-translate, 0.2rem));
+  transform: translate(-50%, var(--calc-tooltip-translate, -0.35rem));
   transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
   white-space: nowrap;
-  z-index: 2;
+  z-index: 10;
 }
 .calc-list-item:hover .calc-list-tooltip,
 .calc-list-item:focus-visible .calc-list-tooltip {
diff --git a/hdyc-svelte/src/routes/category/[category]/+page.svelte b/hdyc-svelte/src/routes/category/[category]/+page.svelte
index 5bac4f1..cef971d 100644
--- a/hdyc-svelte/src/routes/category/[category]/+page.svelte
+++ b/hdyc-svelte/src/routes/category/[category]/+page.svelte
@@ -12,7 +12,7 @@
     card.style.setProperty('--calc-tooltip-left', `${x}px`);
     card.style.setProperty('--calc-tooltip-top', `${y}px`);
     card.style.setProperty('--calc-tooltip-bottom', 'auto');
-    card.style.setProperty('--calc-tooltip-translate', '-100%');
+    card.style.setProperty('--calc-tooltip-translate', 'calc(-100% - 0.4rem)');
   };
 
   const resetCalcTooltipPosition = (event: MouseEvent) => {