/*
  Base card styling for reusable content blocks.
  The card system will support services, proofs, FAQs, and other future sections.
*/
.card {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: var(--shadow-sm);
}

.card__media,
.card__body,
.card__footer {
  display: grid;
  gap: 0.75rem;
}

.card__title {
  margin: 0;
}

.card__text {
  margin: 0;
  color: var(--color-text-muted);
}