/*
 * Shared-system accessibility additions.
 *
 * These rules are NOT in the WPCode global snippet. They are kept in their own
 * file rather than folded into the split output so that `split_global.py` can
 * keep proving that the split invented nothing, and so that anyone auditing the
 * migration can see in one place everything the pages did not have before.
 *
 * The nineteen shared-system pages had no visible focus indicator at all: the
 * snippet styles `:hover` throughout and never `:focus-visible`, so a keyboard
 * user could not tell where they were. The hero band and the call to action
 * blocks sit on dark grounds, so the ring is drawn in white there and in cyan
 * against the light sections.
 */

.fbi a:focus-visible,
.fbi button:focus-visible,
.fbi input:focus-visible,
.fbi select:focus-visible,
.fbi textarea:focus-visible,
.fbi summary:focus-visible,
.fbi [tabindex]:focus-visible {
  outline: 3px solid var(--cyan);
  outline-offset: 3px;
  border-radius: 4px;
}

.fbi .hero a:focus-visible,
.fbi .ctabox a:focus-visible,
.fbi .ctabox button:focus-visible {
  outline-color: #fff;
}