/* =========================================
   區塊三：核心能力（所有選擇器已加 .core-capabilities 前綴，避免與其他區塊衝突）
   ========================================= */
.core-capabilities{background:linear-gradient(180deg,var(--color-section-bg),var(--color-section-bg-end));padding:100px 20px;color:#1a3344}
.core-capabilities .section-title{font-size:var(--fs-section-heading);font-weight:900;color:#1b364a;margin-bottom:40px}

/* 三欄：左卡片 / 中圖 / 右卡片 */
.capabilities-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:24px;align-items:stretch}
.cards-column{display:flex;flex-direction:column;gap:24px}
.cards-column .cap-card{flex:1 1 auto}   /* 卡片撐滿欄高，上下緣與中圖對齊 */

.cap-card{min-width:0;background:#fff;border-radius:12px;padding:24px 16px;box-shadow:0 4px 16px rgba(15,55,76,.06);border:1px solid #e0e5ed;transition:transform .2s,box-shadow .2s}
.cap-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(15,55,76,.1)}
.cap-card .card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cap-card .badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3b598a;color:#fff;border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}
.cap-card .card-title{font-size:18px;font-weight:700;color:#1b364a;margin:0;white-space:nowrap}

.card-list{list-style:none}
.card-list li{position:relative;padding-left:20px;font-size:16px;color:#1b364a;line-height:1.6;margin-bottom:8px;font-weight:600;white-space:nowrap}
.card-list li:last-child{margin-bottom:0}
.card-list li::before{content:"◆";position:absolute;left:0;top:0;color:#3b598a;font-size:12px}

/* 中圖不撐高列：高度完全由左右卡片決定，圖片填滿同高 */
.center-image-wrapper{position:relative;width:100%;min-height:0}
.center-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.12)}

@media (max-width:992px){
  .capabilities-grid{grid-template-columns:1fr 1fr}
  .center-image-wrapper{grid-column:1/-1;order:-1;margin-bottom:16px;aspect-ratio:16/9}
}
@media (max-width:768px){
  .core-capabilities .section-title{font-size:var(--fs-section-heading);margin-bottom:24px}
  .capabilities-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .cards-column{min-width:0;gap:16px}
  .cap-card{width:100%;min-width:0;padding:18px 12px}.cap-card .card-title{font-size:11px}.card-list li{font-size:10px}
}