/* =========================
   Scoped — #cfh-who-we-support
   Typography V2.3 aligned
========================= */
#cfh-who-we-support{
  --ws-text:#111827;
  --ws-muted:#4b5563;
  --ws-card-bg:#ffffff;
  --ws-card-text:#111827;
  --ws-card-muted:#6b7280;

  background:#f6f1eb;

  font-family: Inter, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* container */
#cfh-who-we-support .cfh-wsCards__container{
  width:100%;
  padding:56px 0;
}

#cfh-who-we-support .cfh-wsCards__inner{
  width:min(1180px, calc(100% - 80px));
  margin:0 auto;
}

/* Section Title */
#cfh-who-we-support .cfh-wsCards__title{
  margin:0 0 16px;
  text-align:center;
  font-size:clamp(28px, 2.4vw, 32px);
  font-weight:700;
  line-height:1.25;
  letter-spacing:-0.015em;
  color:var(--ws-card-text);
}

/* Subtitle base */
#cfh-who-we-support .cfh-wsCards__subtitle{
  margin:0 auto 32px;
  text-align:center;
  font-size:17px;
  line-height:1.8;
  color:var(--ws-muted);
  max-width:68ch;
}

/* inline link */
#cfh-who-we-support .cfh-ws-inlineLink{
  margin-left:6px;
  font-weight:700;
  font-size:15px;
  color:#7a4a1c;
  text-decoration:none;
  border-bottom:1px solid rgba(122,74,28,.4);
  white-space:nowrap;
}
#cfh-who-we-support .cfh-ws-inlineLink:hover{
  border-bottom-color:#7a4a1c;
}

/* ===== PC: subtitle + link in ONE line ===== */
@media (min-width:901px){
  #cfh-who-we-support .cfh-wsCards__subtitle{
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:8px;
    flex-wrap:nowrap;
    white-space:nowrap;
  }
}

/* grid */
#cfh-who-we-support .cfh-wsCards__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:26px;
}

/* card */
#cfh-who-we-support .cfh-wsCards__card{
  background:var(--ws-card-bg);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 14px 32px rgba(0,0,0,.12);
}

/* ✅ clickable card anchor reset */
#cfh-who-we-support .cfh-wsCards__linkWrap{
  display:block;
  color:inherit;
  text-decoration:none;
}

/* ✅ hover/focus feedback (subtle, keeps your style) */
#cfh-who-we-support .cfh-wsCards__linkWrap:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(0,0,0,.14);
}
#cfh-who-we-support .cfh-wsCards__linkWrap:focus-visible{
  outline:3px solid rgba(122,74,28,.35);
  outline-offset:4px;
}

/* image */
#cfh-who-we-support .cfh-wsCards__img{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eee;
}
#cfh-who-we-support .cfh-wsCards__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* card body */
#cfh-who-we-support .cfh-wsCards__body{
  padding:20px 18px 22px;
  text-align:center;
}

#cfh-who-we-support .cfh-wsCards__h{
  font-size:18px;
  font-weight:700;
  margin:0;
  line-height:1.35;
}

/* ✅ 解释句隐藏：仍保留结构，避免影响你原排版逻辑 */
#cfh-who-we-support .cfh-wsCards__p{
  display:none;
}

/* mobile — 保持你原来的“一列堆叠”排版 */
@media (max-width:900px){
  #cfh-who-we-support .cfh-wsCards__container{
    padding:36px 0;
  }
  #cfh-who-we-support .cfh-wsCards__inner{
    width:calc(100% - 28px);
    margin:0 14px;
  }

  /* ✅ 移动端仍然 1 列 */
  #cfh-who-we-support .cfh-wsCards__grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  /* ✅ 移动端：显示标题作为主身份 */
  #cfh-who-we-support .cfh-wsCards__h{
    display:block;
    font-size:16px;
    font-weight:700;
    color:var(--ws-card-text);
    line-height:1.45;
    margin:0;
  }
}