/* Join Our Team: the story beside a card of roles, then the call/email band. */
.lk-join { display: grid; grid-template-columns: 1fr 380px; gap: 56px; align-items: start; }
.lk-join__story .lk-point { font-size: 17px; line-height: 1.75; }
.lk-join__lead { font-family: var(--lk-serif); font-style: italic; font-weight: 500; color: var(--lk-ink); }
.lk-join__story .lk-join__lead { font-size: 27px; line-height: 1.35; }
.lk-join__nowrap { white-space: nowrap; }
/* Chinese lead-in: upright (Chinese has no italics), more leading for the characters. */
.lk-join__lead:lang(zh) { font-style: normal; }
.lk-join__story .lk-join__lead:lang(zh) { line-height: 1.6; }

.lk-join__roles { padding: 30px 30px 24px; }
.lk-join__roles ul { margin-top: 14px; }
.lk-join__roles li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 11px 0;
  font-size: 18px;
  border-top: 1px dashed var(--lk-card-line);
}
.lk-join__roles svg {
  flex: none;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 50%;
  background: #f8e6d6;
  color: var(--lk-terracotta);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 991.98px) {
  .lk-join { grid-template-columns: 1fr; gap: 36px; }
  .lk-join__roles { max-width: 520px; width: 100%; justify-self: center; }
}
@media (max-width: 575.98px) {
  .lk-join { padding-left: 36px; padding-right: 36px; }
  .lk-join__story .lk-join__lead { font-size: 23px; }
  .lk-join__story .lk-point { font-size: 16px; }
  .lk-join__roles { padding: 24px 20px 18px; }
}