/* /report/ 配下で統一メニューを使うときの補正。
   枠（幅・余白・見出し寸法）は下層ページと同じ .fund-page-skeleton / .er-page に任せ、
   ここではメニューを入れたことによるズレだけを直す。 */

/* 左メニューと本文の間の溝。
   .section-menu-layout は grid だが column-gap を持っておらず、本文列が
   メニューの縁にそのまま接していた。中央寄せの本文を持つページ（機能ページ等）では
   自前の余白で隠れていたが、本文を左詰めで敷く導入基準では見出しがメニューに
   貼り付いて見える。溝は共有レイアウト側で1回だけ決める。 */
@media (min-width: 981px) {
  .section-menu-layout { column-gap: 32px; }
}

/* 導入基準は本文が自前の最大幅を持つ。メニューが入った分の再指定をやめる */
.er-page.section-menu-layout { max-width: none; }
.er-page__content { min-width: 0; }

/* 導入基準は本文を左詰めで敷いていた。機能ページは中央寄せの枠に入れている。
   行き来すると本文が280pxほど横に跳ねるので、枠の寄せ方だけをそろえる。
   幅は横長の表が入るぶん機能ページより広いまま残す。
   提案資料・漫画は要素ごとに --report-inline で幅を出し分けているので触らない。 */
.er-page__content > * {
  width: min(1080px, calc(100% - 48px));
  margin-inline: auto;
}

/* 提案資料・漫画は本文側が自前の最大幅と上下余白を持っていた。
   メニューを main 直下に入れたので、枠は本文列（__content の中身）へ移す。 */
.proposal.section-menu-layout,
.manga.section-menu-layout {
  max-width: none;
  margin: 0;
  padding: 0;
}
.proposal__content,
.manga__content { min-width: 0; }

/* 提案資料は列（.proposal__content）自体を共通の枠にする。
   直下要素（パンくず・見出し・本文・スライド・出典・関連リンク）は自分では
   幅・寄せ方を持たず、枠の左端にそろう。lead/status のように自前の
   max-width で行長を絞る要素も、margin-inline を追加しない限り左詰めのまま
   枠に収まる。パンくず（style.css の .pg-breadcrumb、max-width:1280px）は
   枠が1080px以下になった時点で枠幅に収まり、同じ左端になる。 */
.proposal__content {
  width: min(1080px, calc(100% - 48px));
  margin-inline: auto;
  padding: 0 0 112px;
}
.proposal__content > :first-child { padding-top: var(--space-6, 24px); }

/* 漫画は要素ごとに --report-inline で幅を出し分けたまま、寄せ方だけ中央にそろえる */
.manga__content > * { --report-inline: min(1080px, calc(100% - 48px)); margin-inline: auto; }
.manga__content { padding: 0 20px 104px; }
.manga__content > :first-child { padding-top: var(--space-6, 24px); }

/* 本文列をビューポートの中央へそろえる。
   .section-menu-layout は「272px のメニュー + 残り」のグリッドで、本文（.fund-page-skeleton）は
   残りの列の中央に置かれる。列の中央はページの中央より右にあるため、上部ヘッダー（全幅で中央寄せ）と
   軸がずれ、本文が右に寄って見えていた。列の右側にメニュー幅ぶんの余白を作り、
   本文の中心をページの中心に合わせる。
   余白を取ると本文が既定幅（880px）より細くなる画面では、その手前で余白を打ち切る。 */
@media (min-width: 981px) {
  .fund-page.section-menu-layout > .fund-page__content {
    padding-inline-end: min(304px, max(0px, 100% - 880px - 48px));
  }
}