.onboarding-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 16px;
}

.onboarding-steps {
  display: grid;
  gap: 10px;
  padding-left: 22px;
}

.onboarding-steps li {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0b1220;
}

.onboarding-steps li > .pill { margin: 6px 0; }
.interview-outcome { margin-top: 12px; border-top: 1px solid var(--line); padding-top: 10px; }
.interview-outcome > summary { cursor: pointer; color: #86efac; font-weight: 800; }

@media (max-width: 850px) {
  .onboarding-grid { grid-template-columns: 1fr; }
}