/**
 * Cards Block - Standalone CSS
 * Self-contained card styles
 */

.cards-container {
    width: 100%;
}

/* Theme support */
.theme-dark .peak-card {
    background-color: rgb(31 41 55);
    color: white;
}

.theme-light .peak-card {
    background-color: white;
    color: rgb(17 24 39);
}

@media (prefers-color-scheme: dark) {
    .theme-auto .peak-card {
        background-color: rgb(31 41 55);
        color: white;
    }
}

/* Line clamp utility */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Card animations */
.peak-card {
    will-change: transform;
}