/* Site-wide polish layer, loaded on every page after the design system.
   Small, safe refinements only — no layout or brand changes. */

/* Fixed nav is 72px tall; offset in-page anchor jumps (legal TOC links,
   the cookie banner's #cookies link) so targets aren't hidden beneath it. */
html {
  scroll-padding-top: 92px;
}

/* Keyboard focus ring for plain links and any interactive element the
   design system doesn't already cover. Mouse users are unaffected
   (:focus-visible only fires for keyboard/AT navigation). */
a:focus-visible,
[tabindex]:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--focus-ring, rgba(104, 4, 244, 0.55));
  outline-offset: 2px;
  border-radius: 4px;
}

/* Never trap users without a visible focus indicator. */
a:focus:not(:focus-visible) {
  outline: none;
}

/* Honour reduced-motion globally: kill smooth scroll for users who ask
   for less motion (the design system already gates its own animations). */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Crisper image rendering for the customer logos / raster assets when
   scaled down on hi-dpi screens. */
img {
  image-rendering: auto;
}