/* Idcard EEAT — rendu compact de type presse */
.csmk-idcard-eeat{
  box-sizing:border-box;
  width:min(100%, 980px);
  margin:14px auto 20px;
  padding:16px 0;
  border-top:1px solid rgba(36,75,139,.18);
  border-bottom:1px solid rgba(36,75,139,.18);
  background:transparent;
  color:inherit;
  text-align:left;
}
.csmk-idcard-eeat *{box-sizing:border-box}
.csmk-idcard-eeat__inner{display:flex;align-items:flex-start;gap:16px}
.csmk-idcard-eeat__avatar{flex:0 0 auto}
.csmk-idcard-eeat__avatar img{
  display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;
  border:1px solid rgba(0,0,0,.10);box-shadow:0 2px 9px rgba(0,0,0,.08)
}
.csmk-idcard-eeat__content{flex:1;min-width:0}
.csmk-idcard-eeat__byline{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;line-height:1.25;margin:0 0 3px}
.csmk-idcard-eeat__mention{font-size:14px;color:#666}
.csmk-idcard-eeat__name{font-size:17px;font-weight:700;color:inherit}
.csmk-idcard-eeat__role{font-size:14px;line-height:1.4;color:#4f4f4f;margin:0 0 5px}
.csmk-idcard-eeat__bio{font-size:14px;line-height:1.5;color:#333;max-width:760px;margin:0}
.csmk-idcard-eeat__bio p{margin:0}
.csmk-idcard-eeat__footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:13px}
.csmk-idcard-eeat__date{color:#666}
.csmk-idcard-eeat__links{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.csmk-idcard-eeat__profile{font-weight:600;text-decoration:none;color:inherit}
.csmk-idcard-eeat__profile:hover{text-decoration:underline}
.csmk-idcard-eeat__social{
  display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;
  border:1px solid rgba(0,0,0,.12);border-radius:50%;color:inherit;text-decoration:none
}
.csmk-idcard-eeat__social:hover{border-color:rgba(0,0,0,.28)}
.csmk-idcard-eeat__iconsvg,.csmk-idcard-eeat__iconimg{display:block;width:13px;height:13px}
.csmk-idcard-eeat__iconsvg svg{display:block;width:100%;height:100%;fill:currentColor}

/* Meta Datas peut déplacer le composant : aucun style ne dépend de son parent. */
.csmk-meta-datas-component--eeat .csmk-idcard-eeat,
[data-csmk-meta-datas-component="eeat"]{width:min(100%, 980px)}

@media (max-width:680px){
  .csmk-idcard-eeat{padding:14px 0;margin:12px auto 18px}
  .csmk-idcard-eeat__inner{gap:12px}
  .csmk-idcard-eeat__avatar img{width:52px;height:52px}
  .csmk-idcard-eeat__mention{display:block;width:100%;font-size:13px}
  .csmk-idcard-eeat__name{font-size:16px}
  .csmk-idcard-eeat__role,.csmk-idcard-eeat__bio{font-size:13.5px}
}