/* ============================================================
   CAREERS PAGE
   ============================================================ */

/* ── Why join us ── */
.careers-why-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--sp-16);
  align-items: center;
}
@media (max-width: 900px) {
  .careers-why-grid { grid-template-columns: 1fr; gap: var(--sp-8); }
}
.careers-why-grid p {
  margin-bottom: var(--sp-4);
}
.careers-placeholder {
  aspect-ratio: 4 / 3;
  width: 100%;
}

/* ── What we look for ── */
.careers-lookfor h2 {
  margin-block: var(--sp-4) var(--sp-6);
}

/* ── Role cards ── */
.careers-roles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-6);
}
@media (max-width: 900px) {
  .careers-roles { grid-template-columns: 1fr; }
}
.careers-role h3 {
  margin-bottom: var(--sp-3);
}
.careers-role p {
  font-size: var(--t-small);
  color: var(--bc-mid);
  margin-bottom: var(--sp-4);
}
.careers-role .placeholder-text {
  font-size: var(--t-label);
}

/* ── Staff portal band ── */
.careers-portal-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-8);
  flex-wrap: wrap;
}
.careers-portal-cta h2 {
  font-size: var(--t-h3);
  margin-bottom: var(--sp-2);
}
.careers-portal-cta p {
  font-size: var(--t-small);
}

/* ── Form ── */
#interest-form {
  scroll-margin-top: 88px;
}
.careers-form-actions {
  margin-top: var(--sp-8);
}