/* Site-wide keyboard focus ring — card 8iv7Vd4u (WCAG 2.4.7 / 1.4.11).
   The old ring was rgba(14,124,150,.30) as a box-shadow: about 1.5:1 on the cream page.
   One colour cannot reach 3:1 on cream AND a dark hero, so this ring is two-tone:
   a white halo (box-shadow, painted under the outline) with an ink outline on top.
   From the element edge outward: 2px halo, 3px ink, 2px halo. The ink band is always
   framed by the halo (ink vs halo 19:1); on cream/white the ink band carries the
   contrast, on a dark hero the outer halo does. test/focus-ring-contrast.test.mjs
   pins both colours against every page background. */
:root {
  --focus-ring-ink: #0B1220;
  --focus-ring-halo: #FFFFFF;
}
:focus-visible {
  outline: 3px solid var(--focus-ring-ink);
  outline-offset: 2px;
  box-shadow: 0 0 0 7px var(--focus-ring-halo);
}
/* An inline style="box-shadow:…" outranks the rule above, which drops the halo and leaves
   the ink band on whatever is behind it (e.g. the /he/ integrations link on #1E1B4B).
   Only those elements get !important; class-level component rings stay overridable. */
[style*="box-shadow"]:focus-visible {
  box-shadow: 0 0 0 7px var(--focus-ring-halo) !important;
}
/* The Maya launcher sets its own drop shadow (assets/maya/maya-widget.js), which would replace
   the halo above and leave the ink band alone (~1.07:1 over the dark hero at 390). Keep both. */
.maya-bubble:focus-visible {
  box-shadow: 0 0 0 7px var(--focus-ring-halo), 0 6px 24px rgba(0,0,0,.18) !important;
}