/* ============================================================
   前台「中心任務」頁（/vision/center-mission）專用樣式

   本檔僅處理各任務項目的垂直節奏與項目圖片的呈現；
   .mission-grid、.mission-headline、.h1-hero、.fi 等版型與動畫
   仍由 main.css 提供，本檔不重複定義。
   ============================================================ */

/* 單一任務項目容器：標題、內文、圖片由上而下堆疊 */
.mission-item {
  display: flex;
  flex-direction: column;
}

/* 項目與項目之間的區隔（手機） */
.mission-item + .mission-item {
  margin-top: 56px;
}

/* 內文為後台富文本，最後一段的 margin 會與下方間距疊加，此處歸零以確保間距可控 */
.mission-body > *:last-child {
  margin-bottom: 0;
}

/* 項目圖片區：置於內文下方，圖片沿用共用 .img-fluid 的自適應行為（小圖不放大） */
.mission-item__media {
  margin-top: 24px;
}

/* ------ 平板以上 ------ */
@media (min-width: 768px) {
  /* 項目間距放大，對應桌機兩欄版型的留白節奏 */
  .mission-item + .mission-item {
    margin-top: 80px;
  }
}