raise overlay z-index above leaflet panes

Signed-off-by: Charlie Tonneslan <cst0520@gmail.com>

Author: c-tonneslan

app/page.tsx

@@ -101,7 +101,10 @@ export default function HomePage() {
           </div>
         ) : null}
 
-        <div className="absolute bottom-4 left-4 z-10 pointer-events-none">
+        <div
+          className="absolute bottom-4 left-4 pointer-events-none"
+          style={{ zIndex: 1000 }}
+        >
           <div
             className="text-[10px] font-mono text-[var(--text-2)] px-2 py-1 rounded"
             style={{ background: "rgba(11,15,20,0.7)" }}
@@ -115,7 +118,8 @@ export default function HomePage() {
           href="https://github.com/c-tonneslan/groundwork"
           target="_blank"
           rel="noreferrer"
-          className="absolute top-4 right-4 z-10 text-[11px] font-mono text-[var(--text-2)] hover:text-[var(--accent)]"
+          className="absolute top-4 right-4 text-[11px] font-mono text-[var(--text-2)] hover:text-[var(--accent)]"
+          style={{ zIndex: 1000 }}
         >
           source
         </a>

components/Detail.tsx

@@ -36,12 +36,16 @@ export default function Detail({ project, onClose }: Props) {
 
   return (
     <div
-      className="absolute top-4 left-4 z-20 w-96 max-w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] rounded-xl border overflow-y-auto"
+      className="absolute top-4 left-4 w-96 max-w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] rounded-xl border overflow-y-auto"
       style={{
         background: "rgba(17,24,31,0.96)",
         borderColor: "var(--border)",
         backdropFilter: "blur(12px)",
         boxShadow: "0 12px 32px rgba(0,0,0,0.5)",
+        // Leaflet panes sit at z-index 200-700 inside the map container;
+        // we need to live above them so the detail panel isn't hidden
+        // behind marker layers and controls.
+        zIndex: 1000,
       }}
     >
       <div