/* Custom styles for the story carousel - Light Theme */
.story-preview {
    height: auto;
    max-height: 350px;
    overflow-y: hidden;
}

.carousel-indicators {
    bottom: -5px;
}

.carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 5px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.carousel-inner {
    background-color: var(--mdr-bg-card, #FFFFFF);
    border: 1px solid var(--mdr-border, #E5E7EB);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Add subtle animation to the carousel */
.carousel-item {
    transition: transform 0.6s ease-in-out;
}

/* Improve readability */
.story-preview p {
    line-height: 1.5;
    margin-bottom: 0.5rem;
    color: var(--mdr-text-secondary, #5F6368);
}

.story-preview h5 {
    margin-bottom: 1rem;
    color: var(--mdr-text-primary, #2D2D2D);
    font-weight: 600;
}

/* Improve mobile experience */
@media (max-width: 768px) {
    .story-preview {
        height: auto;
        max-height: 320px;
        overflow-y: hidden;
    }
}