.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.card-header{padding:var(--space-4) var(--space-4) var(--space-2) var(--space-4);flex-direction:column;display:flex}.card-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.card-content{padding:var(--space-4)}@media (width<=768px){.card-header{padding:var(--space-3) var(--space-3) var(--space-1) var(--space-3)}.card-title{font-size:1rem}.card-content{padding:var(--space-3)}}