fix: preserve desktop navigation dropdown hover

src/styles/global.css

@@ -94,6 +94,7 @@ h1, h2, h3 { color: var(--ink); font-family: var(--serif); font-weight: 700; lin
 .nav-link[aria-current="page"], .nav-link:hover { color: var(--primary); }
 .nav-link[aria-current="page"]::after { position: absolute; right: 14px; bottom: -1px; left: 14px; height: 2px; background: var(--primary); content: ""; }
 .nav-dropdown { position: absolute; top: calc(100% + 10px); left: 50%; width: 220px; padding: 10px; background: #fff; border: 1px solid var(--border); opacity: 0; pointer-events: none; transform: translate(-50%, -8px); transition: .2s ease; box-shadow: 0 20px 50px rgba(50,34,27,.12); }
+.nav-dropdown::before { position: absolute; top: -11px; right: 0; left: 0; height: 11px; content: ""; }
 .nav-item:hover .nav-dropdown, .nav-item:focus-within .nav-dropdown { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
 .nav-dropdown ul { margin: 0; padding: 0; list-style: none; }
 .nav-dropdown a { display: flex; justify-content: space-between; padding: 9px 11px; color: var(--text); font-size: 13px; }