目次にカーソルを合わせると拡大するように

src/routes/(DefaultStyle)/post/[slug]/toc.svelte

@@ -16,22 +16,18 @@
 <style>
     ul {
         margin: 0;
-        padding: 5px;
+        padding: 6px;
         font-size: .9rem;
         max-height: 180px;
         overflow: auto;
         scrollbar-width: thin;
         scrollbar-color: #aaa #444;
     }
-    li {
-        padding: 4px;
-        border-radius: 3px;
-    }
-    li:hover {
-        background-color: #0002;
-    }
     a {
         display: block;
+        position: relative;
+        padding: 4px;
+        border-radius: 4px;
         text-decoration: none;
         color: var(--font-color);
         white-space: nowrap;
@@ -42,5 +38,12 @@
             content: '・';
             color: var(--font-color);
         }
+
+        &:hover {
+            z-index: 10;
+            margin: -2px;
+            padding: 6px;
+            background-color: #0002;
+        }
     }
 </style>