/* Tailwind CSS を優先。追加スタイルは最小限に留める */

/* アルバムカルーセル：スライドのスタイル */
.album-swiper .swiper-slide {
    width: 256px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(0.9);
    opacity: 0.5;
}

.album-swiper .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
}

/* 画像保存防止 */
.album-swiper img {
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

/* レスポンシブスライド幅 */
@media (min-width: 768px) {
    .album-swiper .swiper-slide {
        width: 288px;
    }
}