/* Shared card primitive extracted from legacy style.css. */

.card {
  background: var(--surface-card-glass);
  border: 1px solid var(--surface-card-glass-border);
  border-radius: var(--radius);
  padding: 1.25rem 1.35rem;
  backdrop-filter: blur(var(--surface-card-glass-blur));
  -webkit-backdrop-filter: blur(var(--surface-card-glass-blur));
}

@media (max-width: 720px) {
  .card {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}