/* Shared illustrated job badges; no quiz styles or scripts required. */
.ad-job-badge { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; max-width: 100%; color: var(--brand-strong); font-size: 12px; line-height: 1.7; }
.ad-job-badge > span:last-child { min-width: 0; }
.ad-job-portrait { position: relative; display: inline-grid; place-items: center; width: 32px; height: 32px; flex: 0 0 auto; overflow: hidden; border-radius: var(--radius-sm); background: var(--brand-tint); color: var(--brand-strong); vertical-align: middle; }
.ad-job-portrait img { position: absolute; display: block; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.ad-job-symbol { display: inline-flex; align-items: center; justify-content: center; }
.ad-job-portrait--illustrated .ad-job-symbol { visibility: hidden; }
.ad-job-portrait--profile { width: 92px; height: 92px; border-radius: var(--radius); }
.ad-job-portrait--profile .ad-job-symbol svg { width: 40px; height: 40px; }
.ad-job-portrait img[hidden] { display: none !important; }
.ad-profile-job { display: flex; align-items: center; gap: 20px; border-left: 3px solid var(--brand); }
.ad-profile-job-copy { min-width: 0; flex: 1; }
.ad-profile-job h2 { font-size: 20px; font-weight: 700; line-height: 1.5; margin: 7px 0; }
.ad-profile-job p { font-size: 13px; line-height: 1.8; }
.ad-plan-job { display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; margin: 0 0 8px; font-size: 12px; }
.ad-plan-job .ad-job-portrait { width: 26px; height: 26px; border-radius: 6px; }
.ad-plan-job .ad-job-badge { font-size: 11px; gap: 7px; }
.ad-plan-job-comparison { display: inline-flex; align-items: center; min-height: 44px; font-size: 11px; }
@media (max-width: 430px) {
  .ad-profile-job { gap: 14px; }
  .ad-job-portrait--profile { width: 72px; height: 72px; }
  .ad-profile-job h2 { font-size: 18px; }
  .ad-profile-job p { font-size: 12px; }
}