.card {
  background: var(--g-color-bg);
  color: var(--g-color-text);
  border-radius: var(--g-radius-md);
  padding: var(--g-space-4);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card__header {
  font-size: 1.2em;
  margin-bottom: var(--g-space-2);
}

.card__body {
  line-height: 1.6;
}

.card--compact {
  padding: var(--g-space-2);
}