/* 3カラムレイアウトの最終調整 */

/* メインコンテナの高さ調整 */
.main-container {
    min-height: 500px; /* 最小高さを設定 */
}

/* 左サイドバーの位置固定 */
.left-sidebar {
    position: sticky;
    top: 20px;
    height: fit-content;
}

/* 右サイドバーの位置固定 */
.sidebar {
    position: sticky;
    top: 20px;
    height: fit-content;
}

/* 記事コンテンツの調整 */
.content-area {
    padding-bottom: 50px; /* 下部に余白を追加 */
}

/* 個別記事ページの調整 */
.single-post-container {
    width: 100%;
    /* max-widthを削除してコンテナ幅に合わせる */
}

/* レスポンシブでサイドバーが重ならないように */
@media (max-width: 1440px) {
    .left-sidebar {
        position: static;
    }
}

@media (max-width: 768px) {
    .sidebar {
        position: static;
    }
}