/* ---------- Get Involved hero ---------- */

.involve-hero {
  padding-top: clamp(2.6rem, 6vw, 4.6rem);
  padding-bottom: clamp(2rem, 4vw, 3rem);
}

.involve-hero h1 {
  max-width: 16ch;
}

/* ---------- Pathways ---------- */

.pathways {
  background: var(--white);
  border-top: 1px solid var(--line);
}

.pathway {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(1.4rem, 4vw, 4rem);
  padding: clamp(1.8rem, 4vw, 2.8rem) 0;
  border-top: 1px solid var(--line);
}

.pathway:first-child {
  border-top: none;
  padding-top: 0;
}

.pathway:last-child {
  padding-bottom: 0;
}

.pathway-label h2 {
  margin-bottom: 0;
  max-width: 13ch;
}

.pathway-label .step-number {
  display: block;
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--green-deep);
  margin-bottom: 0.5rem;
}

.pathway-body p {
  color: var(--ink-soft);
  max-width: 36em;
  margin-top: 0.3rem;
}

.pathway-actions {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}

@media (max-width: 760px) {
  .pathway {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
}