/* Shared CTA balance: calls to action should read as compact choices, not full-width fields. */
@media (max-width: 760px){
  .hero-actions,
  .impact-actions,
  .pilot-feature-actions,
  .venture-spotlight-actions,
  .give-thanks-actions,
  .support-mission .actions,
  .slide--text .actions,
  #groundwork .actions,
  .cta-actions,
  .section-actions,
  .actions:has(> a.btn){
    display:flex!important;
    width:100%!important;
    justify-content:center!important;
    align-items:center!important;
    gap:12px!important;
    flex-wrap:wrap!important;
  }

  .hero-actions > a.btn,
  .impact-actions > a.btn,
  .pilot-feature-actions > a.btn,
  .venture-spotlight-actions > a,
  .give-thanks-actions > a.btn,
  .support-mission .actions > a.btn,
  .slide--text .actions > a.btn,
  #groundwork .actions > a.btn,
  .cta-actions > a.btn,
  .section-actions > a.btn,
  .actions:has(> a.btn) > a.btn{
    width:auto!important;
    min-width:136px!important;
    max-width:calc(100vw - 56px)!important;
    padding-left:22px!important;
    padding-right:22px!important;
    justify-content:center!important;
    text-align:center!important;
    flex:0 1 auto!important;
  }

  /* CTA-only rows remain centered even when a page calls them .btns. */
  .btns:has(> a.btn){
    display:flex!important;
    width:100%!important;
    justify-content:center!important;
    align-items:center!important;
    gap:12px!important;
    flex-wrap:wrap!important;
  }
  .btns:has(> a.btn) > a.btn{
    width:auto!important;
    min-width:136px!important;
    max-width:calc(100vw - 56px)!important;
    padding-left:22px!important;
    padding-right:22px!important;
    text-align:center!important;
  }
}