/* 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 */
}

.card__title {
  color: var(--color-text-subtle);
  font-size: 0.75rem; /* 12px - matches mockup exactly */
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}