fix(a11y): add missing focus outlines per reviewer feedback

- Settings Toggle: add focus-visible ring styles to switch button
- CollapsibleSection: add focus styles to anchor link heading
- tag shortcut: add focus-visible styles for interactive tags/badges

Author: JarvisInvestInsight

app/components/CollapsibleSection.vue

@@ -105,7 +105,7 @@ useHead({
 
         <a
           :href="`#${id}`"
-          class="inline-flex items-center gap-1.5 text-fg-subtle hover:text-fg-muted transition-colors duration-200 no-underline"
+          class="inline-flex items-center gap-1.5 text-fg-subtle hover:text-fg-muted transition-colors duration-200 no-underline rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
         >
           {{ title }}
           <span

app/components/Settings/Toggle.client.vue

@@ -12,7 +12,7 @@ const checked = defineModel<boolean>({
 <template>
   <button
     type="button"
-    class="w-full flex items-center justify-between gap-4 group"
+    class="w-full flex items-center justify-between gap-4 group rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50 focus-visible:ring-offset-2 focus-visible:ring-offset-bg-subtle"
     role="switch"
     :aria-checked="checked"
     @click="checked = !checked"

uno.config.ts

@@ -158,7 +158,7 @@ export default defineConfig({
     // Tags/badges
     [
       'tag',
-      'inline-flex items-center px-2 py-0.5 text-xs font-mono text-fg-muted bg-bg-muted border border-border rounded transition-colors duration-200 hover:(text-fg border-border-hover)',
+      'inline-flex items-center px-2 py-0.5 text-xs font-mono text-fg-muted bg-bg-muted border border-border rounded transition-colors duration-200 hover:(text-fg border-border-hover) focus-visible:(outline-none ring-2 ring-fg/50 ring-offset-1 ring-offset-bg)',
     ],
     ['badge-orange', 'bg-badge-orange/10 text-badge-orange'],
     ['badge-yellow', 'bg-badge-yellow/10 text-badge-yellow'],