@charset "UTF-8";
/* =========================================================
   症例アーカイブ / 診療科目タクソノミー 固有スタイル
   対象: archive-case.php / taxonomy-treatment.php
   ※ 見出しバー・見出し・カード・グリッド・ボタンは under-page.css（共通UI）に集約
   ここでは症例一覧固有のコンテナ / セクション配置のみ定義
   ========================================================= */

/* ---------- コンテナ ---------- */
/* 症例一覧（#main_contents を持たず #primary が土台） */
#primary.content-area {
  max-width: 1120px;
  margin: 0 auto;
  padding: 64px 20px 80px;
  box-sizing: border-box;
}
/* 診療科目タクソノミー（#main_contents 内に #primary がある）→ 土台は #main_contents 側 */
#main_contents #primary.content-area {
  max-width: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  #primary.content-area { padding: 40px 16px 56px; }
}

/* ---------- 診療科目セクション ---------- */
/* .term-section 直下のカードを3列グリッドに。見出し・ボタンは全幅にする */
.term-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  align-items: stretch;
  margin-bottom: 72px;
}
.term-section:last-child { margin-bottom: 0; }
.term-section > .term-title,
.term-section > .btn-center {
  grid-column: 1 / -1;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .term-section { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}
@media screen and (max-width: 767px) {
  .term-section { grid-template-columns: 1fr; gap: 20px; margin-bottom: 56px; }
}