/* Keyboard focus on every page (audits DES-02 and DES-05): one clear ring for keyboard users, where
   the browser's own is a 1px line that vanishes on the near-black pages. #46A463 is at least 3:1
   against both the black (6.3:1) and the white (3.1:1) sections; the offset puts it on the
   background around a control, never on the green buttons themselves. Linked by tools/build.js. */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
video:focus-visible,
:focus-visible {
  outline: 3px solid #46A463 !important;
  outline-offset: 3px !important;
}

/* Form fields: the ring close to the box, so it does not touch the label above it. */
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline-offset: 1px !important;
}