/* MYJOBHACK Core — card styles (mirror the homepage design).
   Falls back to brand tokens if the theme doesn't define them. */
:root{
  --mjh-coral:#F25C54; --mjh-ink:#1A1A1A; --mjh-mist:#E9EBEE;
  --mjh-paper:#FAFAF8; --mjh-sponsored:#7C3AED;
  --mjh-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.mjhc-grid{display:grid;gap:14px}
.mjhc-cols-2{grid-template-columns:repeat(2,1fr)}
.mjhc-cols-3{grid-template-columns:repeat(3,1fr)}
.mjhc-cols-4{grid-template-columns:repeat(4,1fr)}
.mjhc-cols-5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1024px){.mjhc-cols-4,.mjhc-cols-5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mjhc-grid{grid-template-columns:1fr!important}}

.mjhc-card{position:relative;background:#fff;border:1px solid var(--mjh-mist);
  border-radius:16px;box-shadow:0 14px 40px rgba(26,26,26,.06);overflow:hidden;
  font-family:var(--mjh-sans);color:var(--mjh-ink)}
.mjhc-empty{padding:26px;border:1px dashed var(--mjh-mist);border-radius:14px;
  color:#888;text-align:center;font-family:var(--mjh-sans)}

/* verified seal */
.mjhc-seal,.mjhc-seal-sm{width:26px;height:26px;border-radius:50%;background:var(--mjh-coral);
  display:inline-block;position:relative;flex:none}
.mjhc-seal-sm{width:22px;height:22px}
.mjhc-seal:after,.mjhc-seal-sm:after{content:"";position:absolute;inset:0;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/60% no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/60% no-repeat;background:#fff}

/* MEMBER */
.mjhc-member-photo{position:relative;height:188px;background:var(--mjh-paper);overflow:hidden}
.mjhc-member-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}
.mjhc-grade{position:absolute;left:12px;top:12px;background:var(--mjh-ink);color:#fff;
  border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:700}
/* M monogram mark, top-right in a white rounded square (matches design) */
.mjhc-mmark{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:10px;
  background:#fff;box-shadow:0 3px 10px rgba(26,26,26,.12);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M10 82V18h18l22 25 22-25h18v64H73V43L50 69 27 43v39H10Z' fill='%231A1A1A'/><path d='M33 58l14 14 36-43 9 14-44 48-25-24 10-9Z' fill='%23F25C54'/></svg>");
  background-size:21px;background-repeat:no-repeat;background-position:center}
.mjhc-member-body{padding:14px 16px 16px}
.mjhc-member-body h3{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em}
.mjhc-role{margin:3px 0 0;font-size:13.5px;color:rgba(26,26,26,.7)}
.mjhc-inst{margin:3px 0 0;font-size:12px;color:rgba(26,26,26,.45);line-height:1.35}
.mjhc-verified{display:inline-flex;align-items:center;gap:7px;margin-top:12px;
  font-size:12.5px;font-weight:700;color:var(--mjh-coral)}
.mjhc-shield{width:15px;height:15px;flex:none;display:inline-block;background:var(--mjh-coral);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2 4 5v6c0 5 3.4 8.4 8 10 4.6-1.6 8-5 8-10V5l-8-3Z'/><path fill='white' d='m9 12 2 2 4-4'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2 4 5v6c0 5 3.4 8.4 8 10 4.6-1.6 8-5 8-10V5l-8-3Z'/></svg>") center/contain no-repeat}

/* JOB */
.mjhc-job{padding:0;overflow:hidden}
.mjhc-job-inner{padding:20px}
.mjhc-spon-bar{background:var(--mjh-sponsored);color:#fff;font-size:11px;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;text-align:right;padding:7px 16px}
.mjhc-job.mjhc-sponsored{border-color:rgba(124,58,237,.22)}
.mjhc-job.mjhc-sponsored .mjhc-job-inner{background:linear-gradient(180deg,rgba(124,58,237,.05),transparent 40%)}
.mjhc-job-head{display:flex;align-items:center;gap:10px;margin-bottom:18px;min-height:30px}
.mjhc-job-logo{height:24px;width:auto;max-width:120px;object-fit:contain}
.mjhc-job-mono{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;
  background:var(--mjh-paper);font-weight:800;font-size:14px}
.mjhc-job-co{font-weight:700;font-size:15px}
.mjhc-mmark-sm{position:static;width:30px;height:30px;border-radius:8px;box-shadow:none;
  background-size:20px}
.mjhc-job h3{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em}
.mjhc-job-loc{margin:8px 0 0;font-size:13px;color:rgba(26,26,26,.5)}
.mjhc-job-sal{margin:14px 0 0;font-weight:800;font-size:15px}
.mjhc-tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.mjhc-tags span{background:var(--mjh-paper);border-radius:8px;padding:5px 12px;font-size:12px;color:rgba(26,26,26,.7)}
.mjhc-job.mjhc-sponsored .mjhc-tags span{background:rgba(124,58,237,.08)}
.mjhc-job-apply{display:inline-block;margin-top:16px;font-weight:700;color:var(--mjh-coral)}

/* COURSE */
.mjhc-course{padding:22px;overflow:visible}
.mjhc-course-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;
  box-shadow:0 4px 12px rgba(26,26,26,.06);margin-bottom:34px}
.mjhc-popular{position:absolute;right:16px;top:16px;background:var(--mjh-coral);color:#fff;
  border-radius:8px;padding:4px 10px;font-size:10px;font-weight:800;letter-spacing:.04em}
.mjhc-course h3{margin:0 0 8px;font-size:17px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.mjhc-course-meta{margin:0;font-size:13px;color:rgba(26,26,26,.5)}
.mjhc-course-foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.mjhc-rate{font-weight:700;font-size:13px;color:var(--mjh-ink)}
.mjhc-rate-n{color:rgba(26,26,26,.45);font-weight:500}
.mjhc-learners-av{display:inline-flex}
.mjhc-learners-av i{width:24px;height:24px;border-radius:50%;border:2px solid #fff;margin-left:-8px;
  background:linear-gradient(135deg,#caa,#866);display:inline-block}
.mjhc-learners-av i:first-child{margin-left:0}
.mjhc-stretch{position:absolute;inset:0}

/* TESTIMONIAL */
.mjhc-testimonial{padding:24px}
.mjhc-test-logo{height:26px;width:auto;margin-bottom:14px;object-fit:contain}
.mjhc-test-co{margin:0 0 12px;font-family:Georgia,serif;font-weight:700;font-size:20px}
.mjhc-quote{margin:0;min-height:90px;font-size:14px;line-height:1.6;color:rgba(26,26,26,.65)}
.mjhc-author{margin:16px 0 0;font-size:12px;font-weight:700;color:rgba(26,26,26,.5)}