.card {
  height: 50vh;
  color: black;
  overflow-y: auto;
}

.phone-link {
  font-weight: bold;
  color: inherit; /* match surrounding text by default */
  text-decoration: none;
  display: inline-block;
}

/* Prevent card hover from changing phone-link appearance */
.card:hover .phone-link,
.card:focus .phone-link {
  color: black;
  text-decoration: none;
}

/* Provide visible focus ring for accessibility */
.phone-link:hover {
  color: #007bff !important;
  text-decoration: underline !important;
}

@media (max-width: 576px) {
  .card {
    height: fit-content;
  }
}