/* volunteer.css — "Get Involved" hub page overrides only. The system
   lives in components.css; keep this file thin. This page has no
   dedicated hero photo (its Brizy source is unwritten placeholder), so
   the hero uses the sage treatment already established on the Story/
   Projects/Coaching pages rather than a stock/placeholder image. */

.akf-volunteer .akf-volunteer-hero { background: var(--field); text-align: center; }
.akf-volunteer .akf-volunteer-hero .akf-hero__title { max-width: none; }
.akf-volunteer .akf-volunteer-hero .akf-hero__lede { max-width: 46ch; margin-inline: auto; }

/* "Become an external partner" block: centered prose + single CTA,
   matching the coaching page's ink-surface prose treatment. */
.akf-volunteer .akf-section--ink { text-align: center; }
.akf-volunteer .akf-section--ink .akf-prose { max-width: 60ch; margin: 0 auto 1.6rem; }
.akf-volunteer .akf-section--ink .akf-prose h2 { margin-bottom: 1rem; }
.akf-volunteer .akf-section--ink .akf-prose p { font-size: var(--step-0); line-height: 1.7; }