/* General card styling for use across the webserver */

.site-card {
  border-radius: 1rem;
  border: none;
  background: #fff;
  box-shadow: 0 2px 8px rgba(82, 105, 215, 0.06), 0 1.5px 4px rgba(60, 60, 60, 0.03);
  transition: box-shadow 0.18s;
}

.site-card:hover,
.site-card:focus-within {
  box-shadow: 0 4px 16px rgba(82, 105, 215, 0.10), 0 2px 8px rgba(60, 60, 60, 0.04);
}

.site-card-body {
  padding: 2rem 2rem 1.5rem 2rem;
}

@media (max-width: 767.98px) {
  .site-card-body {
    padding: 1.25rem 0.75rem;
  }
}

/* Optional: add a subtle border for cards on gray backgrounds */
.site-card.bg-body-tertiary,
.site-card.bg-light {
  border: 1px solid #e5e8f0;
}