/* ================================================
   14. 関連スピーチ専用スタイル
   ================================================ */

/* 関連スピーチセクション余白 */
.related-speeches-section {
    padding: var(--spacing-64) 0; /* 4rem = 64px 上下（margin相殺回避） */
    background-color: var(--color-bg-section);
}

/* 関連スピーチセクションでのみ.normal-article-cardの下線を削除 */
.related-speeches-section .normal-article-card {
    border-bottom: none;
}

/* 関連スピーチカルーセル */
.related-speeches-carousel {
    overflow: hidden; /* はみ出したスライドを隠す */
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 var(--spacing-20);
}

.related-speeches-carousel .swiper-slide {
    width: 75%; /* スマホでは、画面の75%を1枚のスライドが占める */
    max-width: 320px;
    height: auto; /* 高さを自動調整 */
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .related-speeches-carousel .swiper-slide {
        width: 40%; /* タブレットでは40% */
    }
}

@media (min-width: 1024px) {
    .related-speeches-carousel .swiper-slide {
        width: 30%; /* デスクトップでは30% */
        max-width: 400px;
    }
}

/* スマホ用：関連記事のタイトルサイズを小さく */
@media (max-width: 640px) {
    .related-speeches-section .feature-article-title {
        font-size: var(--font-size-m);
    }
    
    .related-speeches-section .normal-article-title {
        font-size: var(--font-size-s);
    }
}