/* Our Family only; other WBCM pages and approved global styling stay intact. */
.church-site--wbcm main.wbcm-family-page { width: min(62rem, calc(100% - 1.5rem)); gap: 1.5rem; }
.church-site--wbcm .wbcm-family-page .visit-card { padding: clamp(1.15rem, 3vw, 1.7rem); }
.church-site--wbcm .wbcm-family-page .wbcm-family-intro,
.church-site--wbcm .wbcm-family-page .wbcm-family-together { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.wbcm-family-page .wbcm-family-intro__heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.wbcm-family-page .section-kicker { margin: 0 0 .5rem; }
.wbcm-family-page h2 { color: var(--church-primary); }
.wbcm-family-page p { margin: 0; line-height: 1.7; max-width: 72ch; }
.wbcm-family-page .wbcm-family-intro > p { font-size: 1.05rem; }
.church-site--wbcm .wbcm-family-page .wbcm-family-profile { grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr); align-items: start; gap: clamp(1.2rem, 3vw, 2rem); }
.wbcm-family-page .wbcm-family-portrait { margin: 0; min-width: 0; padding: .35rem; border: 1px solid #d3ded5; background: #faf8f1; }
.wbcm-family-page .wbcm-family-portrait img { display: block; width: 100%; height: auto; }
.wbcm-family-page .wbcm-family-copy { display: grid; min-width: 0; gap: 1rem; }
.wbcm-family-page .wbcm-family-copy .section-kicker { margin-bottom: .5rem; }
.wbcm-family-page .wbcm-family-lead { font-size: 1.05rem; }
.wbcm-family-page .wbcm-family-links { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; padding-top: .2rem; }
.wbcm-family-page .wbcm-family-link { white-space: normal; max-width: 100%; text-align: center; }
.wbcm-family-page .wbcm-family-link img { width: 1.45rem; height: 1.45rem; object-fit: contain; flex-shrink: 0; }
.wbcm-family-page .wbcm-family-link__arrow { margin-left: .15rem; }
.wbcm-family-page .wbcm-family-links-note { color: #475b52; font-size: .88rem; }
.wbcm-family-page .wbcm-family-together .directions { justify-self: start; }
@media (max-width: 47.99rem) {
  .church-site--wbcm .wbcm-family-page .wbcm-family-profile { grid-template-columns: minmax(0, 1fr); }
  .wbcm-family-page .wbcm-family-portrait { width: min(100%, 23rem); justify-self: center; }
}