/* About-page section spacing; keep the existing compact mobile rhythm. */
.about-hero + .practical-experience { padding-bottom: 64px; }
.about-details { padding-top: 64px; padding-bottom: 0; }
.about-details .story-grid > div > p:last-child { margin-bottom: 0; }
.about-membership { padding-top: 64px; padding-bottom: 64px; }
@media (max-width: 720px) {
  .about-hero .guide-intro,
  .about-details .story-grid > div { min-width: 0; }
  .about-hero h1 { max-width: 100%; overflow-wrap: anywhere; hyphens: auto; }
  .about-hero + .practical-experience { padding-bottom: 40px; }
  .about-details { padding-top: 40px; padding-bottom: 0; }
  .about-membership { padding-top: 40px; padding-bottom: 40px; }
}