diff --git a/frontend/src/index.css b/frontend/src/index.css
index 334c7289..2e8f1cd2 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -456,10 +456,17 @@ body {
     outline: 2px solid transparent;
     outline-offset: 2px;
   }
-  [data-nav-index]:focus-visible {
+  /* The card's own "open" element (a Plex poster is a role=button Tab stop, a video card's title is a
+     link) stands for the card: reached by Tab it rings the whole card too, not just itself — otherwise
+     Tab showed a ring round the poster alone and the first arrow moved it round the card. */
+  [data-nav-index]:focus-visible,
+  [data-nav-index]:has([data-nav-open]:focus-visible) {
     outline: 2px solid var(--accent);
     outline-offset: 2px;
   }
+  [data-nav-index] [data-nav-open]:focus-visible {
+    outline-color: transparent;
+  }
 
   /* ===== R10 S4 · Selection-paint recipes =====
      The ~14 hand-rolled "this is the selected / current / active one" idioms all painted the SAME