/* Pair Grid Component
 * 2-column grid for label/value pairs
 * Based on mockup: carespective_card_detail_1200.html
 */

.pairs {
  column-gap: 3rem; /* 48px - generous inner gutter */
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 1.125rem; /* 18px - consistent vertical rhythm */
}

.pair {
  display: flex;
  flex-direction: column;
}

.pair__label {
  color: var(--color-text-subtle);
  font-size: var(--text-sm); /* 13px */
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 0.375rem; /* 6px - space between label and value */
}

.pair__value {
  font-size: var(--text-base); /* 16px */
  font-weight: 400;
  letter-spacing: -0.006em;
  line-height: 1.5;
  max-width: 72ch;
  word-break: break-word;
}

/* Mobile: collapse to single column */
@media (max-width: 980px) {
  .pairs {
    column-gap: 0;
    grid-template-columns: 1fr;
  }
}