/**
 * The logo image is absolutely positioned (_header.scss), so its link is a
 * 0x0 inline box and the browser's focus ring draws around nothing. Show the
 * same ring on the image instead, for keyboard focus only.
 */
#block-mountaindew-site-branding .site-logo:focus-visible {
  outline: none;
}
#block-mountaindew-site-branding .site-logo:focus-visible img {
  outline: 2px solid currentColor;
  outline-style: auto;
  outline-offset: 2px;
}

/**
 * Instagram tiles clip their content (overflow: hidden on the li), which cut
 * the focus ring away entirely (Cognizant MD #23). Draw it inside the tile:
 * white ring plus a dark inner edge, visible on any photo.
 */
.block-instagram-post-block .item-list li a:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: -3px;
  box-shadow: inset 0 0 0 6px #004a27;
}