/* Lightweight CSS overrides for production-built assets.
   Keep this file small and targeted. */

/* Make Card padding tighter on mobile. */
[data-slot='card'] {
    padding-top: 1rem; /* 16px */
    padding-bottom: 1rem; /* 16px */
}

[data-slot='card-header'],
[data-slot='card-content'],
[data-slot='card-footer'] {
    padding-left: 1rem; /* 16px */
    padding-right: 1rem; /* 16px */
}

@media (min-width: 640px) {
    [data-slot='card'] {
        padding-top: 1.5rem; /* 24px */
        padding-bottom: 1.5rem; /* 24px */
    }

    [data-slot='card-header'],
    [data-slot='card-content'],
    [data-slot='card-footer'] {
        padding-left: 1.5rem; /* 24px */
        padding-right: 1.5rem; /* 24px */
    }
}