/* jf-home-ins.css - "Latest insights" strip on the homepage (24 Oct 2026). */
.jfh-ins-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:0 0 30px; }
.jfh-eyebrow{ display:block; font-size:.75rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--jf-mute,#6B6E86); margin:0 0 10px; }
.jf .jfh-ins-head h2, .jfh-ins-head h2{ margin:0 0 10px; font-size:clamp(1.8rem,3vw,2.4rem); line-height:1.1; letter-spacing:-.026em; font-weight:700; color:var(--jf-ink,#14132E); }
.jf .jfh-ins-head p, .jfh-ins-head p{ margin:0; font-size:1.05rem; line-height:1.6; color:var(--jf-mute,#6B6E86); max-width:52ch; }
.jfh-all{ flex:none; font-weight:700; color:var(--jf-navy,#22205F); text-decoration:none; white-space:nowrap; padding:10px 0; }
.jfh-all:hover{ text-decoration:underline; text-underline-offset:3px; }

.jfh-ins-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.jfh-card{
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  background:#fff; border:1px solid var(--jf-line,#E4E5EE); border-radius:20px;
  transition:transform .2s cubic-bezier(.2,.7,.3,1), box-shadow .2s cubic-bezier(.2,.7,.3,1);
}
.jfh-card:hover{ transform:translateY(-3px); box-shadow:0 2px 4px rgba(10,10,10,.04), 0 18px 40px rgba(10,10,10,.09); }
.jfh-card:focus-within{ outline:3px solid var(--jf-accent,#F09623); outline-offset:2px; }
.jfh-img{ display:block; aspect-ratio:16/9; background:var(--jf-navy-lo,#EEEEF6); overflow:hidden; }
.jfh-img img{ display:block; width:100%; height:100%; object-fit:cover; }
.jfh-img-ph{ display:block; width:100%; height:100%; background:linear-gradient(135deg,#22205F 0%,#3A3896 60%,#F09623 140%); }
.jfh-body{ display:flex; flex-direction:column; gap:10px; padding:20px 22px 22px; flex:1; }
.jfh-date{ font-size:.74rem; letter-spacing:.07em; text-transform:uppercase; color:var(--jf-mute,#6B6E86); }
.jf .jfh-body h3, .jfh-body h3{ margin:0; font-size:1.15rem; line-height:1.32; letter-spacing:-.012em; font-weight:700; }
.jfh-body h3 a{ color:var(--jf-ink,#14132E); text-decoration:none; }
/* Whole card is clickable via the title link. */
.jfh-body h3 a::after{ content:""; position:absolute; inset:0; }
.jfh-body h3 a:focus-visible{ outline:none; }
.jfh-card:hover h3 a{ text-decoration:underline; text-underline-offset:3px; }
.jf .jfh-body p, .jfh-body p{ margin:0; font-size:.94rem; line-height:1.6; color:var(--jf-mute,#6B6E86);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.jfh-more{ margin-top:auto; padding-top:4px; font-size:.92rem; font-weight:700; color:var(--jf-navy,#22205F); }

@media (max-width:980px){
  .jfh-ins-grid{ grid-template-columns:1fr; gap:16px; }
  .jfh-ins-head{ flex-direction:column; align-items:flex-start; gap:6px; }
}
@media (prefers-reduced-motion:reduce){ .jfh-card{ transition:none; } .jfh-card:hover{ transform:none; } }