/* ヘッダーとフッターは高さを完全にキープ */
header, footer {
    flex-shrink: 0;
}

/* common.css 側のメインコンテンツ設定 */
.page-main {
    flex-grow: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* iOSで滑らかにスクロールさせる */
    
    /* 💡ここを追記：メインコンテンツ内だけは縦方向のタッチ操作を許可する */
    touch-action: pan-y; 
    overscroll-behavior-y: contain; /* スクロールが端に達しても親画面に伝播させない */
    
    padding: var(--size-3);
    padding-bottom: calc(var(--size-3) + env(safe-area-inset-bottom));
    box-sizing: border-box;
}

/* フラッシュメッセージなどのコンテナ */
.base__content {
    /* page-main側でpaddingを管理するため、ここでは余白をリセット */
    margin: 0;
}