/* v239 — Family Hub: four directions, a short Start Free entry and a compact proof card.
   The long methodology sections moved to family-methodology.html; the hub only summarises. */

/* --- local nav now carries five items; keep it one scrollable line on phones --- */
.family-local-nav .container { display: flex; gap: clamp(.8rem, 2.4vw, 1.6rem); overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.family-local-nav .container::-webkit-scrollbar { display: none; }
.family-local-nav a { flex: 0 0 auto; white-space: nowrap; padding: .75rem .15rem; }

/* --- four directions --- */
.fihub239__grid {
  display: grid;
  gap: clamp(14px, 2vw, 22px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 248px), 1fr));
  margin-top: clamp(18px, 2.4vw, 28px);
}
.fihub239__card {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding: clamp(16px, 2.2vw, 22px);
  border: 1px solid rgba(20, 32, 28, .14);
  border-radius: 16px;
  background: #fff;
}
/* the four are different parts of the system, not four identical buttons */
.fihub239__card--practice { border-left: 3px solid #4a7c6f; }
.fihub239__card--kyb { border-left: 3px solid #d97757; }
.fihub239__card--method { border-left: 3px solid #7c6f4a; background: rgba(20, 32, 28, .025); }
.fihub239__card--member { border-left: 3px solid #27302c; background: rgba(20, 32, 28, .045); }
.fihub239__num { font: 500 .72rem/1 "IBM Plex Mono", monospace; letter-spacing: .12em; color: #8a938f; }
.fihub239__card h3 { margin: 0; font-size: clamp(1.05rem, 1.6vw, 1.22rem); }
.fihub239__card p { margin: 0; font-size: .92rem; line-height: 1.55; color: #4a5551; flex: 1 1 auto; }
.fihub239__card .btn { align-self: flex-start; margin-top: .3rem; }

.fihub239-free .family-copy { max-width: 60ch; }

/* --- compact proof card on the hub --- */
.fihub239-proof__card {
  display: flex;
  align-items: stretch;
  max-width: 660px;
  border: 1px solid rgba(20, 32, 28, .14);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(20, 32, 28, .025);
}
.fihub239-proof__thumb { flex: 0 0 clamp(110px, 15vw, 160px); aspect-ratio: 1 / 1; align-self: center; margin: clamp(12px, 1.8vw, 16px); border-radius: 12px; overflow: hidden; background: #0d1512; }
.fihub239-proof__thumb picture { display: block; height: 100%; }
.fihub239-proof__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 10%; }
.fihub239-proof__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: .4rem; padding: clamp(14px, 2vw, 18px) clamp(14px, 2.2vw, 20px) clamp(14px, 2vw, 18px) 0; }
.fihub239-proof__body h2 { margin: 0; font-size: clamp(1.02rem, 1.5vw, 1.18rem); }
.fihub239-proof__body p { margin: 0; font-size: .92rem; line-height: 1.5; color: #4a5551; }
.fihub239-proof__links { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem; margin-top: .25rem !important; }

@media (max-width: 430px) {
  .fihub239-proof__thumb { flex-basis: 96px; margin: 12px; }
  .fihub239-proof__body { padding: 13px 13px 13px 0; }
  .fihub239-proof__links { flex-direction: column; align-items: flex-start; }
  .fihub239-proof__links .btn { width: 100%; text-align: center; }
}

/* --- methodology page hero links --- */
.family-hero__links { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; margin-top: .9rem; }