/* 2026-11-04 已確認照護短卡：群組置中、正文靠左。
   只管理植牙四張短提醒；長風險說明與其他療程的長文卡各自管理。 */
#implant-care .implant-care-list-title {
  margin: 0 0 24px;
  color: #284f45;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
#implant-care .implant-care-grid {
  display: grid;
  /* 依實際內容區排欄，包含瀏覽器縮放、側欄與捲軸占用的寬度。
     兩張最小 250px 卡片＋16px 間距需要 516px，足夠才並排。 */
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  grid-auto-rows: auto;
  gap: 16px;
  width: 100%;
  /* 窄畫面仍填滿正文；兩欄上限維持 552px，不增加第三欄。 */
  max-width: 552px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  align-items: stretch;
}
#implant-care .implant-care-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 16px 20px;
  /* 250–268px 卡寬時，內距在 12–20px 間調整；單欄仍維持 20px。
     保留 26px 標題、18px 正文與 56px Icon，不以縮字換取兩欄。 */
  padding-inline: clamp(12px, calc(50% - 114px), 20px);
  border: 1px solid #d7e6ce;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(40, 79, 69, .05);
  font-family: "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif;
  text-align: left;
}
#implant-care .implant-care-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: max-content;
  max-width: 100%;
}
#implant-care .implant-care-card .implant-care-icon {
  display: block;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  margin: 0;
  color: #5daa96;
}
#implant-care .implant-care-card h4 {
  margin: 0;
  color: #284f45;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}
/* 以最長一行決定文字框寬度，再將整個框置中；各行共用左緣。
   語意分行只用於這四張短卡，文字放大時仍可在行內自然換行。 */
#implant-care .implant-care-card .implant-care-copy {
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  color: #3c514b;
  font-size: 18px;
  line-height: 1.8;
  text-align: left;
  text-wrap: wrap;
}
#implant-care .implant-care-line { display: block; white-space: normal; }
#implant-care .implant-care-word { white-space: nowrap; }
/* 桌機恢復原有寬版：左 Icon、右側標題與正文。
   901px 以上才切換寬版圖文，不沿用手機窄卡／語意分行。 */
@media (min-width: 901px) {
  #implant-care .implant-care-list-title {
    margin-bottom: 20px;
    font-size: 23.75px;
    text-align: left;
  }
  #implant-care .implant-care-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 1050px;
    gap: 24px;
  }
  #implant-care .implant-care-card {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    align-items: start;
    align-content: center;
    gap: 10px 20px;
    padding: 28px;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(40, 79, 69, .07);
  }
  #implant-care .implant-care-heading { display: contents; }
  #implant-care .implant-care-card .implant-care-icon {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: center;
    width: 80px;
    height: 80px;
  }
  #implant-care .implant-care-card h4 {
    grid-column: 2;
    grid-row: 1;
    font-size: 23.75px;
  }
  #implant-care .implant-care-card .implant-care-copy {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    margin: 0;
    font-size: 20px;
    text-wrap: pretty;
  }
  #implant-care .implant-care-line { display: inline; }
}