/* Native job search results — deliberately minimal, inherits the theme. */
.jd-loading,.jd-empty,.jd-error{padding:1.25rem;border-radius:6px;background:#f4f6f8;margin:1rem 0}
.jd-error{background:#fff4e5;color:#8a4b00}
.jd-count{font-weight:600;margin:.75rem 0}
.jd-results{list-style:none;margin:0;padding:0}
.jd-job{border-bottom:1px solid #e6e8eb;padding:1rem 0}
.jd-job-link{display:block;text-decoration:none;color:inherit}
.jd-job h3{margin:0 0 .2rem;font-size:1.05rem}
.jd-company{font-weight:600;font-size:.88rem;color:#444}
.jd-points{margin:.4rem 0;padding-left:1.1rem;font-size:.9rem;color:#555}
.jd-skills{font-size:.82rem;color:#667}
.jd-meta{margin-top:.35rem;font-size:.82rem;color:#667}
.jd-more{text-align:center;margin:1.25rem 0}
.jd-load-more{padding:.6rem 1.4rem;border:1px solid #c3c8d0;background:#fff;border-radius:6px;cursor:pointer}
.jd-load-more[disabled]{opacity:.5;cursor:default}

/* --- Job cards: production's job_list_container look, measured live 2026-08-23
   (img 150x150 cover r4; title 21px/700; selling points 16px #333; matching-
   candidates green #4dc664 white 14px). The classes mirror production's own
   markup; these rules exist because production ships the card CSS with its
   widget at runtime, so the crawled stylesheets never carried it. --- */
.jd-results .job_list_container {
  display: flex; gap: 20px; padding: 22px 0; border-bottom: 1px solid #e8e8e8;
  text-align: left;
}
.jd-results .job_list_img { flex: 0 0 150px; }
.jd-results .job_list_img img {
  width: 150px; height: 150px; object-fit: cover; border-radius: 4px; display: block;
}
.jd-results .job_content_wrapper { flex: 1; min-width: 0; }
.jd-results .job_title_section { display: flex; justify-content: space-between;
  align-items: flex-start; gap: 12px; }
.jd-results .position h3 { font-size: 21px; font-weight: 700; margin: 0 0 4px;
  color: #000; }
.jd-results .company strong { font-size: 14px; letter-spacing: .3px; }
.jd-results .key_selling_points ul { list-style: disc; margin: 8px 0;
  padding-left: 20px; font-size: 16px; color: #333; }
.jd-results .key_selling_points li { margin: 2px 0; }
.jd-results .job_desc p { font-size: 15px; color: #333; margin: 6px 0; }
.jd-results .meta-data-div { display: flex; flex-wrap: wrap; gap: 4px 28px;
  font-size: 14px; margin: 10px 0 8px; }
.jd-results .meta-data-div dd { margin: 0; }
.jd-results .matching_candidates, .jd-results .jd-view {
  display: inline-block; background: #4dc664; color: #fff !important;
  font-size: 14px; padding: 5px 12px; border-radius: 4px; text-decoration: none;
  white-space: nowrap;
}
.jd-results .jd-view { flex: none; }
@media (max-width: 700px) {
  .jd-results .job_list_container { flex-direction: column; }
}