/**
 * Faith-Based event CTA band (Expertise_Event_Cta_Renderer). Full-width #F7F7F7 (FGMA off-white token)
 * band; inner content uses the same content-max + fluid `--fgma-gutter` as the hero heading above it
 * (the hero title is positioned at exactly `--fgma-gutter` on both sides), so the title/description
 * left edge and the CTA right edge line up with the "Faith-Based" H1. (The Introduction below uses
 * the wider `--fgma-gutter-inset` by design; this band deliberately does not.) Link styling (black label, red arrow, underline-on-hover, arrow slide, focus-visible) is
 * NOT redefined here -- it comes from the shared `.fgma-section-cta` rules. Desktop: text left, CTA
 * right. Below 768px: stacked.
 */
.fgma-expertise-event-cta{
  box-sizing:border-box;
  width:100%;
  background-color:var(--e-global-color-v4-fgma-off-white,#F7F7F7);
  padding-block:var(--fgma-space-xl);
}
.fgma-expertise-event-cta__inner{
  box-sizing:border-box;
  max-width:var(--fgma-content-max);
  margin-inline:auto;
  padding-inline:var(--fgma-gutter);
  display:grid;
  grid-template-columns:1fr;
  row-gap:var(--fgma-space-md);
  align-items:start;
}
.fgma-expertise-event-cta__text{min-width:0;}
.fgma-expertise-event-cta__title{
  margin:0;
  font-family:var(--fgma-font-family);
  font-weight:var(--fgma-weight-medium);
  font-size:var(--fgma-step-3);
  line-height:1.2;
  color:var(--e-global-color-v4-fgma-black,#000);
}
.fgma-expertise-event-cta__description{
  margin:var(--fgma-space-xs) 0 0;
  max-width:60ch;
  font-family:var(--fgma-font-family);
  font-weight:var(--fgma-weight-book);
  font-size:var(--fgma-step-1);
  line-height:1.4;
  color:var(--e-global-color-v4-fgma-black,#000);
}
.fgma-expertise-event-cta__cta{justify-self:start;}
@media (min-width:768px){
  .fgma-expertise-event-cta__inner{
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:var(--fgma-space-xl);
    align-items:center;
  }
  .fgma-expertise-event-cta__cta{justify-self:end;}
}