/* GENCIVEA bridge — reproduction du format "carte sociale" (faux post verifie) :
   en-tete nom+badge+handle / barre d'engagement / kicker+titre / horodatage /
   corps sans-serif / lien texte / video 2-panneaux (LIKE + faux lecteur) / bouton rouge /
   footer navy. Nom editorial FICTIF + copy = NOS mots (confort dentaire legal). */
:root{--ink:#15202b;--soft:#3a4653;--blue:#1d9bf0;--red:#e0201a;--navy:#232a45;--navy-tx:#aab0c6;--line:#e2e6ea;}
*{box-sizing:border-box;}
body{margin:0;background:#e9ebef;color:var(--ink);font-family:'Segoe UI',-apple-system,Arial,sans-serif;font-size:17px;line-height:1.55;}
img{max-width:100%;display:block;}
.card{background:#fff;width:min(100%,660px);margin:0 auto;}
.cardhead{display:flex;align-items:flex-start;gap:10px;padding:16px 20px 10px;position:relative;}
.cardhead .name{font-weight:800;font-size:19px;display:flex;align-items:center;gap:5px;}
.cardhead .badge{width:19px;height:19px;border-radius:50%;background:var(--blue);color:#fff;display:inline-grid;place-items:center;font-size:12px;}
.cardhead .handle{color:#66757f;font-size:15px;margin-top:2px;}
.cardhead .adv{position:absolute;top:16px;right:20px;color:#8a97a2;font-size:12px;}
.engbar{background:#2b2b2b;color:#fff;display:flex;gap:22px;padding:9px 20px;font-size:13.5px;font-weight:700;}
.engbar span{opacity:.92;}
.content{padding:18px 20px 24px;}
.kicker{font-size:20px;color:#2a3340;margin:0 0 2px;}
h1{font-size:clamp(26px,4.4vw,34px);font-weight:800;line-height:1.14;margin:0 0 10px;}
.stamp{color:#66757f;font-size:14px;margin:0 0 16px;}
.body p{margin:0 0 16px;color:var(--soft);} .body p.b{color:var(--ink);font-weight:700;}
.textcta{margin:18px 0;} .textcta a{color:var(--blue);text-decoration:underline;font-weight:600;}
.videobox{position:relative;border-radius:4px;overflow:hidden;margin:14px 0;background:#0b0d12;}
.videobox .like{position:absolute;top:10px;left:10px;z-index:2;background:var(--red);color:#fff;font-weight:800;font-size:12px;padding:5px 12px 5px 8px;border-radius:5px;}
.videobox .play{position:absolute;inset:0;display:grid;place-items:center;}
.videobox .play span{width:90px;height:64px;background:var(--red);border-radius:15px;display:grid;place-items:center;}
.videobox .play span::after{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff;margin-left:5px;}
.videobar{display:flex;align-items:center;gap:12px;background:#111418;color:#e7ebf2;padding:8px 14px;font-size:12px;}
.videobar .bar{flex:1;height:4px;background:#3a4150;border-radius:3px;position:relative;}
.videobar .bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6%;background:var(--red);border-radius:3px;}
.videobar .right{margin-left:auto;display:flex;gap:12px;opacity:.85;}
.btncta{display:block;width:min(100%,420px);margin:14px auto 6px;background:var(--red);color:#fff;text-align:center;font-weight:800;font-size:20px;padding:18px;border-radius:12px;text-decoration:none;}
.foot{background:var(--navy);color:var(--navy-tx);text-align:center;padding:40px 0 36px;margin-top:0;}
.foot .fmag{font-size:22px;font-weight:800;color:#fff;margin-bottom:12px;}
.foot .flinks{font-size:13px;margin-bottom:22px;} .foot .flinks a{color:#dfe3ef;text-decoration:underline;margin:0 5px;}
.foot .disc{font-size:12px;line-height:1.6;color:#9aa0b6;width:min(100% - 44px,660px);margin-inline:auto;} .foot .disc b{color:#c7cbdb;}