/* Card Header Component
 * BEM structure for cards with headers and bodies
 * Based on mockup design pattern from carespective_card_detail_1200.html
 */

.card__header {
  align-items: center;
  border-bottom: var(--border) solid var(--color-border-light);
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.25rem; /* 16px 20px - more breathing room */
}

.card__body {
  padding: 1.125rem 1.125rem 1.25rem; /* 18px 18px 20px */
}