.famille-trace{
  max-width:1100px;margin:1.15rem auto 1.5rem;padding:1rem 1.1rem;
  background:#fff;border:1px solid rgba(7,26,92,.14);border-radius:14px;
  box-shadow:0 5px 18px rgba(7,26,92,.06)
}
.famille-trace ol{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;
  list-style:none;margin:0;padding:.2rem 0 0
}
.famille-trace li{
  min-width:0;position:relative;border-top:3px solid #F2B321;
  padding:.7rem .75rem .65rem;background:#FBF8EF;border-radius:0 0 10px 10px
}
.famille-trace li::before{
  content:"";position:absolute;top:-.48rem;left:.78rem;width:.72rem;height:.72rem;
  border:2px solid #071A5C;border-radius:50%;background:#F2B321
}
.famille-trace li span{display:block;margin-bottom:.32rem;color:#69500d;font-size:.78rem;font-weight:800;letter-spacing:.02em}
.famille-trace li strong{display:block;color:#071A5C;font-family:"Playfair Display",Georgia,serif;font-size:1rem;line-height:1.25}
.famille-trace li small{display:block;margin-top:.35rem;color:#4d5667;font-size:.83rem;line-height:1.45}
.famille-trace figcaption{margin-top:.7rem;color:#5c6575;font-size:.78rem;line-height:1.45}
@media(max-width:800px){
  .famille-trace{margin:.8rem 1rem 1.1rem;padding:.9rem}
  .famille-trace ol{grid-template-columns:1fr;gap:.65rem}
  .famille-trace li{border-top:0;border-left:3px solid #F2B321;border-radius:0 10px 10px 0;padding:.2rem .65rem .5rem .85rem}
  .famille-trace li::before{top:.38rem;left:-.48rem}
}