.jd-body { max-width: var(--container); margin-inline: auto; }

.jd-body .page-body { max-width: none; margin-inline: 0; }

.jd-title {
  margin: 0 0 clamp(16px, 2.5vw, 24px);
  font-family: var(--font-display);
  font-size: var(--h2);
  font-weight: 500;
  color: var(--text);
}

/* ---------------------------------------------------------------------
   Keyword strip
   --------------------------------------------------------------------- */
.jd-keyword-strip {
  padding-bottom: clamp(24px, 4vw, 36px);
  margin-bottom: clamp(24px, 4vw, 36px);
  border-bottom: 1px solid var(--line);
}

.jd-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.jd-tag {
  font-size: 0.82rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  color: var(--text-2);
}
.jd-tag-closing { background: rgba(245, 180, 0, 0.14); color: #8a6300; }

.jd-salary {
  margin: 14px 0 0;
  font-family: var(--font-display);
  font-size: var(--fs-lead);
  font-weight: 600;
  color: var(--text);
}

.jd-apply {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
}

/* ---------------------------------------------------------------------
   Description / Responsibilities / Requirements
   --------------------------------------------------------------------- */
.jd-section { margin-bottom: clamp(32px, 5vw, 48px); }
.jd-section-heading {
  margin: 0 0 0.6em;
  font-family: var(--font-display);
  font-size: var(--h3);
  font-weight: 500;
  color: var(--text);
}

.jd-closed {
  padding: clamp(28px, 4vw, 40px);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  color: var(--text-2);
  font-size: var(--fs-lead);
  text-align: center;
}

/* ---------------------------------------------------------------------
   Related jobs — reuses .bdt-grid/.bdt-card from bergabung-dengan-tim.css
   as-is; reads fine at .jd-body's wider --container width.
   --------------------------------------------------------------------- */