/* ==========================================================================
   pages/campusmap.css — /outline/campusmap/ 専用CSS
   --------------------------------------------------------------------------
   短期大学部の2ボタン（歯科衛生学科／看護学科）の幅を、同ページ上段の
   「詳しくはこちら」（.btn-solid.btn-solid--main、--wide無し）に揃える。

   幅の決まり方の調査結果：
   - 上段ボタンの幅は .btn-solid（components.css）の min-width:300px（固定値）
     で決まっている。内容（「詳しくはこちら」）はそれより短いため、実際の表示幅は
     この min-width がそのまま効いている（max-widthではなく、内容依存でもない）。
   - HTML側で .btn-solid--wide（width:100%）を外すだけで、下段の2ボタンも
     同じ .btn-solid の min-width:300px に揃う（同一クラス・同一値）。
   - ただし .c-cardGrid--2 の grid-template-columns:repeat(2,1fr) は列を
     コンテナ幅の半分ずつに割り付けるため、--wide を外しただけでは
     ボタンが各列内で左寄せになり、2つ並んだ状態で中央配置にならない。
     → ここでは列幅を .btn-solid と同じ 300px に固定し、grid全体を
     justify-content:center で中央寄せする（core の .c-cardGrid--2 自体は
     変更しない。ページ固有クラス .p-campusmapTandaiGrid で上書き）。
   - gap（.c-cardGrid--gap6）はcoreの定義のまま変更していない。

   SP（max-width:768px）では触れていない。core の
   .c-cardGrid--2 { grid-template-columns:1fr }（SP用上書き）がそのまま効き、
   縦積みを維持する。
   ========================================================================== */

@media (min-width: 769px) {
  .p-campusmapTandaiGrid {
    grid-template-columns: repeat(2, 300px);
    justify-content: center;
  }
}
