.volunteers-content > * + * { margin-top: 44px; }
.volunteers-intro h2 { margin-bottom: 22px; }
.volunteers-intro > p + p { margin-top: 20px; }
.volunteers-opportunities { padding-top: 32px; border-top: 1px solid var(--line); }
.volunteers-opportunities h2 { margin-bottom: 24px; }
.page-content .volunteers-opportunities ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 48px;
  max-width: none;
}
.page-content .volunteers-opportunities li { margin-top: 0; padding-left: 3px; }
.volunteers-opportunities li::marker { color: var(--red-800); }
.volunteers-opportunities > p { margin-top: 24px; }
.volunteers-content .volunteers-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding-block: 32px;
  border-block: 1px solid var(--line);
}
.volunteers-contact h2 { margin-bottom: 14px; }
.volunteers-contact .button { flex-shrink: 0; white-space: normal; text-align: center; }
.volunteers-content .volunteers-recognition {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 40px;
  padding-top: 0;
  border: 0;
}
.volunteers-recognition figure { margin: 0; min-width: 0; }
.volunteers-recognition img { display: block; width: 100%; height: auto; }
.volunteers-recognition > div { min-width: 0; }
.volunteers-recognition h2 { margin: 12px 0 20px; }
.page-content .volunteers-recognition figcaption { margin-top: 12px; font-size: 14px; line-height: 1.5; }
.volunteers-content .volunteers-source { color: var(--muted); font-size: 14px; }
@media (max-width: 760px) {
  .page-content .volunteers-opportunities ul { grid-template-columns: minmax(0, 1fr); }
  .volunteers-content .volunteers-contact { align-items: flex-start; flex-direction: column; }
  .volunteers-contact .button { max-width: 100%; }
  .volunteers-content .volunteers-recognition { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}