.volunteer-start__panel {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(220px, .7fr);
  align-items: center;
  gap: clamp(24px, 5vw, 64px);
  padding: clamp(28px, 5vw, 52px);
  border: 1px solid #e8d9a9;
  border-radius: 24px;
  background: #fff8e2;
  box-shadow: var(--shadow-sm);
}
.volunteer-start__panel .lead { margin-bottom: 0; }
.volunteer-start__panel .btn-row { flex-direction: column; }
.volunteer-start__panel .btn { width: 100%; }
.volunteer-events__grid { margin-top: 1.6rem; }
.volunteer-events__grid .card { border-top: 5px solid var(--gold); }
.volunteer-events__grid .tag { align-self: flex-start; margin-bottom: .9rem; }
.volunteer-ways__intro { margin-bottom: 2rem; }
.volunteer-ways .card { border-top: 4px solid var(--blue); }
.volunteer-faq .split { align-items: start; }
.volunteer-faq__list { border-top: 1px solid var(--line); }
.volunteer-faq__list details { border-bottom: 1px solid var(--line); padding: 1.1rem 0; }
.volunteer-faq__list summary { cursor: pointer; color: var(--navy); font-weight: 700; padding-right: 1.5rem; }
.volunteer-faq__list details p { margin: .8rem 0 0; }
.volunteer-faq__list details a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
  .volunteer-start__panel { grid-template-columns: 1fr; }
}