/* ============================================================
   Reach ATS Jobs — Bootstrap 5 polish
   Tiny stylesheet for the few things Bootstrap utilities don't
   cover. Add this AFTER your Bootstrap CSS.
   ============================================================ */

/* Subtle hover lift on job cards */
.reach-job-card {
  transition: transform .15s ease, box-shadow .15s ease;
}
.reach-job-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1) !important;
}

/* Make the whole card clickable via stretched-link, but keep the
   title visually distinct on hover */
.reach-job-card:hover .card-title a {
  text-decoration: underline;
}

/* The advert HTML from Reach is authored content — make sure
   any oversized images and tables fit Bootstrap containers */
.reach-job-detail__body img {
  max-width: 100%;
  height: auto;
}
.reach-job-detail__body table {
  max-width: 100%;
  margin-bottom: 1rem;
}
.reach-job-detail__body h2,
.reach-job-detail__body h3,
.reach-job-detail__body h4 {
  margin-top: 1.5rem;
}