/**
 * ZappTrip — reusable UI surfaces (used by partials/ui/card.ejs).
 * Tokens: zapp-tokens.css → custom.css
 */

.zapp-ui-card {
  background: var(--zapp-card-bg-solid);
  border: 1px solid var(--zapp-ui-color-border);
  border-radius: var(--zapp-ui-radius-card);
  box-shadow: var(--zapp-ui-shadow-card);
  padding: var(--zapp-ui-space-card-pad);
}

.zapp-ui-card--sm {
  padding: 0.875rem 1rem;
}

.zapp-ui-card--lg {
  padding: var(--zapp-ui-space-card-pad-lg);
}

.zapp-ui-card--flush {
  padding: 0;
}

.zapp-ui-card__title {
  font-family: var(--zapp-ui-font-heading);
  font-size: clamp(1rem, 0.92rem + 0.35vw, 1.125rem);
  font-weight: var(--ds-weight-semibold);
  color: var(--ds-heading-color);
  margin: 0 0 0.65rem;
  line-height: var(--ds-leading-snug);
}

.zapp-ui-card__body > *:last-child {
  margin-bottom: 0;
}