/* Workforce Benefits Access V6 — JoinTheAFE reciprocal resource card */
.afe-crossref{margin-top:28px}
.afe-crossref-card{
  display:grid;grid-template-columns:1.18fr .82fr;gap:28px;align-items:center;
  padding:30px;border-radius:26px;
  background:
    radial-gradient(circle at 88% 20%,rgba(104,203,70,.16),transparent 17rem),
    linear-gradient(135deg,#f4faff 0%,#ffffff 50%,#f2fbea 100%);
  border:1px solid rgba(22,114,157,.20);
  box-shadow:0 22px 48px rgba(7,53,75,.10);
  position:relative;overflow:hidden
}
.afe-crossref-card:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,#16749e,#62bd3c)
}
.afe-crossref-copy .kicker{margin-bottom:10px}
.afe-crossref-card h3{
  margin:0 0 10px;color:#07354b;font-size:clamp(26px,3vw,40px);
  line-height:1.05;letter-spacing:-.035em
}
.afe-crossref-card p{color:#4f6876;margin:0 0 18px;max-width:760px}
.afe-crossref-actions{display:flex;flex-wrap:wrap;gap:12px}
.afe-crossref-actions .button-ghost{
  background:#fff!important;color:#0d4258!important;border-color:#b9d0da!important
}
.afe-crossref-visual{min-height:220px;display:grid;place-items:center}
.afe-orbit{
  width:min(100%,360px);aspect-ratio:1.45/1;position:relative;border-radius:26px;
  background:linear-gradient(145deg,#073d62,#0f6086);
  box-shadow:0 22px 48px rgba(7,53,75,.20);display:grid;place-items:center;overflow:hidden
}
.afe-orbit:before,.afe-orbit:after{
  content:"";position:absolute;border:1px solid rgba(255,255,255,.20);border-radius:50%
}
.afe-orbit:before{width:260px;height:260px}
.afe-orbit:after{width:178px;height:178px}
.afe-orbit-center{
  width:122px;height:122px;border-radius:28px;background:#fff;color:#0b4761;
  display:grid;place-items:center;text-align:center;padding:12px;font-weight:800;line-height:1.15;
  box-shadow:0 14px 30px rgba(0,0,0,.18);position:relative;z-index:3
}
.afe-orbit-center strong{display:block;color:#56b73a;font-size:20px}
.afe-bubble{
  position:absolute;z-index:4;padding:7px 10px;border-radius:999px;
  background:rgba(255,255,255,.95);color:#0b4761;font-size:11px;font-weight:800;
  box-shadow:0 8px 18px rgba(0,0,0,.13);animation:afeFloat 6s ease-in-out infinite
}
.ab1{top:18px;left:18px}.ab2{top:22px;right:18px;animation-delay:.8s}
.ab3{bottom:20px;left:24px;animation-delay:1.6s}.ab4{bottom:22px;right:18px;animation-delay:2.4s}
@keyframes afeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:820px){
  .afe-crossref-card{grid-template-columns:1fr}
  .afe-crossref-visual{min-height:190px}
}
@media(max-width:620px){
  .afe-crossref-card{padding:22px 18px}
  .afe-crossref-actions{display:grid}
  .afe-crossref-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.afe-bubble{animation:none!important}}