/* Page /dossiers/olivier-duffez : carte d'en-tête et chronologie filtrable (13/09/2026).
   Source : clients/webrankinfo/sites/webrankinfo-com/pages/olivier-duffez/ dans le dépôt consulting. */

/* Carte d'en-tête */
.auteur-carte{display:flex;gap:36px;align-items:center;padding:28px 32px;margin:0 0 32px;background:#eef3f6;border-radius:10px;font-size:18px;line-height:1.5}
.auteur-carte figure{margin:0;flex:0 0 auto;text-align:center}
.auteur-carte img{display:block;width:200px;height:200px;margin:0 auto 12px;border-radius:50%}
.auteur-carte figcaption{font-size:18px;font-style:normal;font-weight:700;color:#252954;line-height:1.3;padding:0;background:none}
.auteur-reperes{list-style:none;margin:0 0 16px;padding:0}
.auteur-reperes li{padding:4px 0 4px 20px;position:relative;line-height:1.4}
.auteur-reperes li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:#5cbfc9}
.auteur-liens{margin:0 0 18px;font-size:16px;display:flex;flex-wrap:wrap;gap:8px}
.entry-content .auteur-liens a{display:inline-block;padding:6px 14px;border:2px solid #252954;border-radius:999px;color:#252954;font-weight:700;text-decoration:none;transition:all .3s}
.entry-content .auteur-liens a:hover,.entry-content .auteur-liens a:focus{background:#252954;color:#fff;text-decoration:none}
.entry-content a.auteur-bouton{display:inline-block;padding:12px 22px;border-radius:5px;background:#5fa008;border:2px solid #5fa008;color:#fff;font-size:19px;font-weight:700;text-decoration:none;transition:all .5s}
.entry-content a.auteur-bouton:hover,.entry-content a.auteur-bouton:focus{background:#fff;color:#5fa008}
@media (max-width:640px){.auteur-carte{flex-direction:column;text-align:center;padding:24px 16px;gap:20px;font-size:17px}.auteur-liens{justify-content:center}.auteur-carte img{width:160px;height:160px}.auteur-reperes li{padding-left:0}.auteur-reperes li::before{display:none}}

/* Chronologie filtrable */
.chrono-filtres{position:-webkit-sticky;position:sticky;top:139px;z-index:5;background:#fff;padding:12px 0;margin:0 0 16px;border-bottom:1px solid #e1e5ea;display:none;flex-wrap:wrap;gap:8px;align-items:center}
.chrono-filtres.js{display:flex}
.chrono-filtres button{font:inherit;font-size:16px;line-height:1.2;padding:8px 16px;border:1px solid #a8a8a8;border-radius:999px;background:#fff;color:#252954;cursor:pointer}
.chrono-filtres button[aria-pressed=true]{background:#252954;border-color:#252954;color:#fff}
.chrono-filtres button:focus-visible{outline:2px solid #5cbfc9;outline-offset:2px}
.chrono-compte{margin-left:auto;font-size:15px;color:#666}
.chrono-annee{margin:28px 0 10px;padding-left:26px;position:relative}
.chrono-annee::before{content:"";position:absolute;left:0;top:.4em;width:12px;height:12px;border-radius:50%;background:#252954}
.chrono-liste{list-style:none;margin:0 0 0 5px;padding:0 0 0 24px;border-left:2px solid #e1e5ea}
.chrono-item{display:grid;grid-template-columns:150px 120px 1fr;gap:4px 16px;align-items:baseline;padding:10px 0;border-bottom:1px solid #f0eeef;position:relative}
.chrono-item::before{content:"";position:absolute;left:-30px;top:18px;width:8px;height:8px;border-radius:50%;background:#5cbfc9}
.chrono-item time{color:#666;font-size:16px;white-space:nowrap;justify-self:start}
.chrono-type{display:inline-block;justify-self:start;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:4px;background:#eef3f6;color:#252954;white-space:nowrap}
.chrono-item[data-type=webinaire] .chrono-type{background:#e6f5f7}
.chrono-item[data-type=masterclass] .chrono-type,.chrono-item[data-type=formation] .chrono-type{background:#fff3d6}
.chrono-item[data-type=jury] .chrono-type,.chrono-item[data-type=distinction] .chrono-type{background:#ecebf5}
.chrono-item.masque,.chrono-annee.masque{display:none}
@media (max-width:767px){.chrono-filtres{top:85px}}
@media (max-width:760px){.chrono-item{grid-template-columns:auto auto;grid-template-rows:auto auto}.chrono-texte{grid-column:1/-1}}