/* Style for when any dot button has focus */
.slick-dots:focus-within,
.slick-dots li:focus-within {
  outline: none; /* Remove default outline */
  box-shadow:
    0 0 0 3px transparent, /* Transparent buffer layer */
    0 0 0 6px #1f4286, /* Dark blue inner outline */
    0 0 0 9px #ffffff; /* White outer outline */
}

/* Style for when the slide itself (aside) has focus */
.slick-slide:focus-visible {
  outline: none; /* Remove default outline */
  box-shadow:
    0 0 0 3px transparent, /* Transparent buffer layer */
    0 0 0 6px #1f4286, /* Dark blue inner outline */
    0 0 0 9px #ffffff; /* White outer outline */
  position: relative;
  z-index: 1;
}

/* Style for when an image within the slide has focus */
.slick-slide:focus-visible img {
  outline: none; /* Remove default outline */
  box-shadow:
    0 0 0 3px transparent, /* Transparent buffer layer */
    0 0 0 6px #1f4286, /* Dark blue inner outline */
    0 0 0 9px #ffffff; /* White outer outline */
}