/////////////////////////////
// THEME / COMPONENTS / CARDS
/////////////////////////////


// Card-as-link
.dcf-js .unl .dcf-card-as-link a:focus {
  text-decoration: underline;
}


.dcf-js .unl .dcf-card-as-link:focus-within {
  // Add browser's native focus styles when card is focused
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}


.dcf-js .unl .dcf-card-as-link:focus-within a.dcf-card-link:focus {
  // Remove focus ring from primary link when card is focused
  outline: 3px solid transparent;
  text-decoration: none;
}