/* Community page illustrations retain their full composition. */
.community-hero-image { display: block; width: 100%; height: auto; object-fit: contain; border: 0; }
.al-page-image.community-hero-image { width: 40%; border: 0; }
.join-hero-image { max-width: 480px; justify-self: center; }
.banner-inner-wrapper.community-events-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 48px; }
@media (max-width: 991px) {
  .al-page-image.community-hero-image { width: 100%; }
  .join-hero-image { max-width: 380px; }
  .banner-inner-wrapper.community-events-hero { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .community-events-hero .community-hero-image { max-width: 480px; justify-self: center; }
}

/* Keep linked and current breadcrumb items at the same size. */
.join-breadcrumb > a, .join-breadcrumb > span,
.al-page-breadcrumb > a, .al-page-breadcrumb > span { font-size: inherit; line-height: 1.5; }
.community-events-hero .al-page-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; color: var(--paragraph-gray); font-size: 14px; }
.community-events-hero .al-page-breadcrumb a { color: inherit; }
.community-events-hero .al-page-breadcrumb a:hover { color: var(--primary); }
.community-events-hero .events-community-label { align-self: flex-start; margin: 0; }