.jg-ui .jg-related { margin:40px 0; text-align:left; }
.jg-ui .jg-related-heading h2 { font-size:26px; line-height:1.35; margin:0 0 8px; color:#073e50; font-weight:750; }
.jg-ui .jg-related-heading p { color:#4b6570; font-size:14px; line-height:1.7; margin:0 0 24px; }
.jg-ui .jg-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.jg-ui a.jg-related-card { display:grid; grid-template-columns:112px minmax(0,1fr); gap:18px; padding:20px; border:1px solid #d9e6e9; border-radius:14px; background:#fff; color:#073e50; text-decoration:none; min-width:0; transition:border-color .15s,box-shadow .15s; }
.jg-ui a.jg-related-card:hover { border-color:#08728d; box-shadow:0 5px 20px #073e5010; }
.jg-ui .jg-related-card>img { width:112px; height:112px; object-fit:contain; background:#f4f7f8; border-radius:8px; }
.jg-ui .jg-related-card-body { min-width:0; }
.jg-ui .jg-related-match { display:inline-block; background:#e7f1f4; color:#095366; border-radius:6px; padding:4px 8px; font-size:11px; line-height:1.5; margin-bottom:10px; }
.jg-ui .jg-related-card h3 { font-size:17px; line-height:1.5; font-weight:700; margin:0 0 8px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.jg-ui .jg-related-card p { font-size:13px; line-height:1.65; margin:3px 0; overflow-wrap:anywhere; }
.jg-ui .jg-related-company,.jg-ui .jg-related-location { color:#4b6570; }
.jg-ui .jg-related-salary { font-weight:700; }
.jg-ui .jg-related-type { color:#4b6570; }
.jg-ui .jg-related-open { display:inline-block; padding-top:12px; color:#a83279; font-weight:700; font-size:13px; }
.jg-ui .jg-related-search { display:flex; flex-wrap:wrap; gap:12px 24px; margin:20px 0 0; }
.jg-ui .jg-related-search a { display:inline-flex; align-items:center; min-height:44px; color:#095366; text-decoration:underline; text-underline-offset:4px; font-size:14px; font-weight:700; }
.jg-ui .jg-related a:focus-visible { outline:3px solid #08728d; outline-offset:4px; }
.jg-ui .jg-related-empty { background:#fff; border:1px solid #d9e6e9; border-radius:12px; padding:24px; font-size:15px; color:#4b6570; line-height:1.7; }
.jg-ui .jg-related-ad { margin-top:28px; padding:18px; border:1px solid #e4e8ea; border-radius:12px; background:#fff; }
.jg-ui .jg-related-ad-label { display:block; color:#65767d; font-size:11px; margin-bottom:10px; }
.jg-ui .jg-related-ad a { display:flex; gap:18px; color:#344e59; text-decoration:none; }
.jg-ui .jg-related-ad img { width:80px; height:80px; object-fit:contain; flex-shrink:0; }
.jg-ui .jg-related-ad h3 { margin:0 0 6px; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
.jg-ui .jg-related-ad p { margin:0; font-size:13px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
@media(max-width:900px) { .jg-ui .jg-related-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:480px) {
  .jg-ui .jg-related-heading h2 { font-size:22px; }
  .jg-ui a.jg-related-card { grid-template-columns:64px minmax(0,1fr); padding:16px; gap:12px; }
  .jg-ui .jg-related-card>img { width:64px; height:80px; }
  .jg-ui .jg-related-card h3 { font-size:16px; }
  .jg-ui .jg-related-match { font-size:10px; }
  .jg-ui .jg-related-ad a { gap:12px; }
  .jg-ui .jg-related-ad img { width:56px; height:64px; }
}