.ml-card {
  background: var(--ml-color-surface-cream);
  border: 1px solid var(--ml-color-surface-line);
  border-radius: var(--ml-radius-lg);
  box-shadow: var(--ml-shadow-soft);
  overflow: hidden;
  transition: box-shadow var(--ml-motion-duration-base) var(--ml-motion-ease-standard);
}

.ml-card:hover {
  box-shadow: var(--ml-shadow-medium);
}

.ml-card__body {
  padding: var(--ml-space-6);
}

.ml-card__title {
  font-family: var(--ml-font-family-serif);
  font-size: var(--ml-font-size-xl);
  margin-bottom: var(--ml-space-2);
}

.ml-card__meta {
  font-size: var(--ml-font-size-sm);
  color: var(--ml-color-text-tertiary);
  letter-spacing: var(--ml-font-letter-spacing-wide);
}