/* =========================================
   平板（768–1024px）專用覆寫：最後載入
   ========================================= */
@media (min-width:768px) and (max-width:1024px){

  /* 各區塊左右留 30px（首屏除外） */
  .pain-points,
  .course-modules,
  .core-capabilities,
  .student-outcomes,
  .scenarios-section,
  .consultation-section{padding-left:30px;padding-right:30px}

  /* 區塊一：痛點與解決方案 — 同桌機三欄高低錯落 */
  .pain-points .card-grid{grid-template-columns:repeat(3,1fr);gap:1rem}
  .pain-points .card--1{margin-top:0}
  .pain-points .card--2{margin-top:56px}
  .pain-points .card--3{margin-top:12px}
  .pain-points .card__bar{height:32px}
  .pain-points .card__body{padding:1.75rem 1rem 2rem}
  .pain-points .card__question{flex-wrap:nowrap;white-space:normal;font-size:18px;text-align:left}   /* 圖示與文字同一行，文字過長時在圖示右側換行 */
  .pain-points .card__answer{font-size:16px;text-align:center}

  /* 區塊三：核心能力 — 同桌機左卡 / 中圖 / 右卡，圖片與卡片等高 */
  .core-capabilities .capabilities-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:16px;align-items:stretch}
  .core-capabilities .cards-column{display:flex;flex-direction:column;gap:16px}
  .core-capabilities .cap-card{flex:1;padding:18px 14px}
  .core-capabilities .cap-card .card-title{font-size:16px;white-space:normal}
  .core-capabilities .card-list li{font-size:14px;white-space:normal}
  .core-capabilities .center-image-wrapper{position:relative;grid-column:auto;order:0;margin-bottom:0;aspect-ratio:auto}
  .core-capabilities .center-img{position:absolute;inset:0}   /* 不撐高，高度跟隨兩側卡片 */
}