/**
 * Sitewide rounding standard — applied as overrides only. Does not change
 * any markup. Pills (membership type tabs, directory category tabs) and
 * any class already at the standard radius are left alone.
 *
 * Standards:
 *   Cards:                 20px
 *   Buttons / inputs:       8px
 *   Pills (tabs/filters): 999px  (unchanged, not touched here)
 */

/* ── Cards (20px) ──────────────────────────────────────────────────── */
.blk,
.event-blk,
.dir-card-link,
.about-wrapper .card-clean,
.directory-detail .card-clean,
.plan-tab-contents,
.mission-area .bg-contrast,
.mission-area .bg-contrast.rounded {
  border-radius: 20px;
}

/* Card image-top corner: keep top corners aligned with card */
.blk-top,
.blk-top img,
.blk-top .card-image-fallback,
.event-img,
.event-img img,
.event-img .card-image-fallback {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* Event card blue footer block: round the bottom to match the card outer */
.event-blk .event-wrap-blk {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* ── Buttons / inputs (8px) ────────────────────────────────────────── */
.site-btn,
.membership-btn,
.membership-search,
.membership-filter,
.mission-area .btn-ios,
.mission-area .btn-light {
  border-radius: 8px;
}

/* Pills (.membership-type-tab, .dir-category-tab) are intentionally
	   left at 999px and not targeted here. */