/**
 * W11-9 Accessibility — focus rings for yellow/black pills + Post/Browse
 * Board-dark + ui-contrast-motion also carry matching rules; this shard is
 * a stable cache-bust target under parallel WAVE deploys.
 * 2026-10-06
 */

/* Browse / More summaries + menu items */
.rcy-nav__browse-summary:focus {
  outline: none;
}
.rcy-nav__browse-summary:focus-visible {
  outline: 3px solid var(--rcy-ink, #1a1f2e);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(245, 197, 24, 0.45);
  border-radius: 8px;
}
.rcy-nav__browse-item:focus-visible {
  outline: 3px solid var(--rcy-ink, #1a1f2e);
  outline-offset: 1px;
  box-shadow: 0 0 0 2px rgba(245, 197, 24, 0.4);
  background: color-mix(in srgb, #ffd400 18%, transparent);
}
.rcy-nav__cta:focus-visible,
.rcy-btn.rcy-nav__cta:focus-visible {
  outline: 3px solid var(--rcy-ink, #1a1f2e);
  outline-offset: 2px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.55),
    0 0 0 4px rgba(245, 197, 24, 0.4);
}
.rcy-nav__burger:focus-visible {
  outline: 3px solid var(--rcy-yellow, #f5c518);
  outline-offset: 2px;
}

/* Dark board: yellow rings on navy; ink rings on yellow primary fills */
body.rcl-theme-dark :focus-visible {
  outline: 3px solid var(--rcy-yellow, #f5c518);
  outline-offset: 2px;
  box-shadow: var(--rcy-shadow-focus, 0 0 0 3px rgba(245, 197, 24, 0.4));
}
body.rcl-theme-dark .rcy-btn--primary:focus-visible,
body.rcl-theme-dark .rcy-nav__cta:focus-visible,
body.rcl-theme-dark .rcl-mobile-cta__post:focus-visible,
body.rcl-theme-dark .rcy-chip.is-active:focus-visible,
body.rcl-theme-dark a.rcy-chip.is-active:focus-visible {
  outline: 3px solid #1a1f2e;
  outline-offset: 2px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.55),
    0 0 0 4px rgba(245, 197, 24, 0.45);
}
body.rcl-theme-dark .rcy-nav__browse-summary:focus-visible,
body.rcl-theme-dark .rcy-nav__browse-item:focus-visible,
body.rcl-theme-dark .rcy-nav__link:focus-visible,
body.rcl-theme-dark .rcy-nav__burger:focus-visible {
  outline: 3px solid var(--rcy-yellow, #f5c518);
  outline-offset: 2px;
  border-radius: 8px;
}