diff --git a/src/components/islands/GuideSelector.astro b/src/components/islands/GuideSelector.astro
index 42e4528..1c2dc67 100644
--- a/src/components/islands/GuideSelector.astro
+++ b/src/components/islands/GuideSelector.astro
@@ -260,7 +260,7 @@ const { rootSelector, data } = Astro.props;
       new MutationObserver((changes) => {
         if (changes.some((change) => change.attributeName === 'lang')) renderAll();
       }).observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });
-      document.addEventListener('ai-for-dummies:language-change', renderAll);
+      window.addEventListener('ai-for-dummies:languagechange', renderAll);
       renderAll();
     }
     if ('IntersectionObserver' in window) {
@@ -276,8 +276,19 @@ const { rootSelector, data } = Astro.props;
 </script>
 
 <style>
-  :global(button:focus-visible) {
-    outline: 3px solid var(--red);
-    outline-offset: 2px;
+  /* Verbatim from `responsive.css`, where every selector button in these nine
+     groups shares one focus ring. Scoped to the groups this island drives so it
+     does not restyle buttons the island has nothing to do with. */
+  :global([data-worker]:focus-visible),
+  :global([data-tree]:focus-visible),
+  :global([data-route]:focus-visible),
+  :global([data-model-provider]:focus-visible),
+  :global([data-effort]:focus-visible),
+  :global([data-skill-file]:focus-visible),
+  :global([data-skill-step]:focus-visible),
+  :global([data-common-skill]:focus-visible),
+  :global([data-phase]:focus-visible) {
+    outline: 3px solid var(--gold);
+    outline-offset: -3px;
   }
 </style>