.join-intro .eyebrow { margin-bottom: var(--space-5); }
.join-intro .page-head__lead { max-width: 64ch; }
.join-notice {
  max-width: 76ch;
  margin-top: var(--space-6);
  padding: var(--space-5) var(--space-6);
  background: var(--green-50);
  border-left: 3px solid var(--kit-green);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  color: var(--text-muted);
  font-size: var(--fs-small);
}
.join-routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.join-route { grid-column: auto; min-width: 0; }
.join-route__number { font-family: var(--font-display); font-size: 2rem; color: var(--green-600); }
.join-route h3 { margin: 0; font-size: var(--fs-h3); }
.join-route p { margin: 0; }
.join-route__preparation { color: var(--text-muted); font-size: var(--fs-small); }
.join-route .btn { align-self: flex-start; margin-top: var(--space-4); }
.join-route__topics { margin-top: auto; padding-top: var(--space-4); border-top: 1px solid var(--border-subtle); }
.join-route__topics > p { margin-bottom: var(--space-3); font-size: var(--fs-meta); color: var(--text-muted); }
.join-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8); list-style: none; padding: 0; counter-reset: step; }
.join-steps li { counter-increment: step; }
.join-steps li::before { content: "0" counter(step); display: block; font-family: var(--font-display); font-size: 2rem; color: var(--green-600); margin-bottom: var(--space-4); }
.join-steps h3 { font-size: 1.375rem; margin-bottom: var(--space-3); }
.join-steps p { color: var(--text-muted); }
.join-contact { background: var(--green-50); }
.join-contact__inner { max-width: 820px; text-align: center; }
.join-contact p { margin-inline: auto; max-width: 60ch; }
.join-contact__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--space-6); align-items: center; margin-top: var(--space-8); }
@media (max-width: 899px) {
  .join-routes, .join-steps { grid-template-columns: 1fr; }
  .join-route .btn { width: 100%; justify-content: center; }
}