Instability country navigation (#932)

* feat: enhance map resizing with automatic container observation, top-edge pinning, and responsive height adjustments.

* fix: Correct map resizing and prevent duplicate transition end events during height adjustments.

* feat: enable country clicks in the CII panel to open country briefs and add hover styling for clickable countries on maps.

* feat: Add globe map resize support and refactor map resize event handling logic.

* refactor: Streamline map destruction logic, remove redundant map resizing calls, and format CSS keyframe rules.

* fix: revert unintended destroy() behavior change and CSS formatting noise

- destroy(): restore unconditional cleanup of all map instances (safer
  for edge cases where stale refs might exist after mode switches)
- Revert cosmetic CSS changes: combinator spacing, keyframe
  reformatting, missing newline at EOF

---------

Co-authored-by: Elie Habib <elie.habib@gmail.com>

src/styles/main.css

@@ -9933,6 +9933,14 @@ a.prediction-link:hover {
   background: var(--darken-medium);
   border-radius: 4px;
   padding: 8px;
+  cursor: pointer;
+  transition: background 0.1s ease, border-color 0.1s ease;
+  border: 1px solid transparent;
+}
+
+.cii-country:hover {
+  background: var(--surface-hover);
+  border-color: var(--border);
 }
 
 .cii-header {
@@ -16619,6 +16627,7 @@ body.has-breaking-alert .panels-grid {
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
+
 /* ─── Globe Map Styles ──────────────────────────────────────────────────────── */
 
 .globe-mode {