/* WIF France — page d'article : lecture propre, dans le thème du site (ivoire, filets fins, Forum, vert) */
html body.wk-page{background:#f6f4ee;-webkit-user-select:text;user-select:text}
html body.wk-page *{-webkit-user-select:text;user-select:text}
html body .wk{padding:calc(78px + 2.6rem) 0 7rem;min-height:70vh}
html body .wk-inner{max-width:1240px;margin:0 auto;padding:0 5%}
html body .wk-progress{position:fixed;left:0;top:77px;height:3px;width:0;z-index:1400;background:linear-gradient(90deg,#0b6b5a,#24b89a);box-shadow:0 0 12px rgba(36,184,154,.6)}
html body .wk-crumb{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-family:'Forum',serif;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:#55645a;margin-bottom:2rem}
html body .wk-crumb a{color:#55645a;text-decoration:none;transition:color .2s}html body .wk-crumb a:hover{color:#0b6b5a}
html body .wk-crumb span{opacity:.45}
html body .wk-head{max-width:920px;margin:0 0 2.6rem}
html body .wk-kick{display:inline-block;font-family:'Forum',serif;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:#0b6b5a;background:rgba(11,107,90,.09);padding:.35rem .8rem;margin-bottom:1.3rem}
html body .wk-title{font-family:'Forum',serif;font-weight:400;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:1.04;letter-spacing:-.015em;color:#0c1a0f;margin:0 0 1.5rem}
html body .wk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-size:1rem;color:#55645a}
html body .wk-meta i{width:4px;height:4px;border-radius:50%;background:#0b6b5a;opacity:.6}
html body .wk-acts{margin-left:auto;display:flex;gap:.6rem}
html body .wk-acts button,html body .wk-note button{font-family:'Forum',serif;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#0c1a0f;background:#fff;border:1px solid rgba(12,26,15,.2);padding:.55rem 1rem;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
html body .wk-acts button:hover,html body .wk-note button:hover{background:#0c1a0f;color:#fff;border-color:#0c1a0f}
html body .wk-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:4rem;align-items:start}
html body .wk-main{min-width:0;max-width:780px}
html body .wk-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;background:#fff;border:1px solid rgba(12,26,15,.13);border-left:3px solid #0b6b5a;padding:.8rem 1.1rem;margin:0 0 1.8rem;font-size:.98rem;color:#3d4f42}
html body .wk-media{position:relative;margin:0 0 2.4rem;aspect-ratio:16/10;overflow:hidden;background:#dfe7e1;isolation:isolate;box-shadow:0 26px 60px -30px rgba(12,26,15,.35)}
html body .wk-media::before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover no-repeat;filter:blur(28px) saturate(1.15);transform:scale(1.1);z-index:-1}
html body .wk-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
html body .wk-body p{font-size:1.2rem;line-height:1.85;color:#26332b;margin:0 0 1.25rem;overflow-wrap:anywhere}
html body .wk-body>p:first-child{font-size:1.38rem;line-height:1.7;color:#0c1a0f}
html body .wk-body>p:first-child::first-letter{float:left;font-family:'Forum',serif;font-size:4.9rem;line-height:.8;padding:.08em .12em 0 0;color:#0b6b5a}
html body .wk-body h2{font-family:'Forum',serif;font-weight:400;font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.15;color:#0c1a0f;margin:2.8rem 0 1.1rem;padding-top:1.4rem;border-top:1px solid rgba(12,26,15,.18);scroll-margin-top:110px}
html body .wk-body b{font-weight:400;color:#0c1a0f;-webkit-text-stroke:.4px currentColor}
html body .wk-body a{color:#0a66c2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
html body .wk-tag{display:inline-block;color:#0b6b5a;background:rgba(11,107,90,.09);padding:.2rem .6rem;font-size:.9rem;text-decoration:none;transition:background .25s,color .25s}
html body .wk-body .wk-tag{padding:0 .4em;font-size:inherit}
html body .wk-tag:hover{background:#0b6b5a;color:#fff}
/* colonne latérale */
html body .wk-side{position:sticky;top:104px;display:flex;flex-direction:column;gap:1.4rem}
html body .wk-card{background:#fff;border:1px solid rgba(12,26,15,.13);padding:1.5rem 1.6rem}
html body .wk-card-t{font-family:'Forum',serif;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:#55645a;padding-bottom:.9rem;margin-bottom:1rem;border-bottom:2px solid #0c1a0f}
html body .wk-toc ol{list-style:none;margin:0;padding:0;counter-reset:s}
html body .wk-toc li{counter-increment:s;margin:0}
html body .wk-toc a{display:block;position:relative;padding:.55rem 0 .55rem 2rem;font-size:1rem;line-height:1.35;color:#3d4f42;text-decoration:none;transition:color .25s,padding .3s}
html body .wk-toc a::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:.62rem;font-family:'Forum',serif;font-size:.78rem;color:#0b6b5a;opacity:.7}
html body .wk-toc a:hover,html body .wk-toc a.on{color:#0c1a0f;padding-left:2.3rem}
html body .wk-toc a.on::before{opacity:1}
html body .wk-info dl{margin:0}
html body .wk-info dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid rgba(12,26,15,.1);font-size:1rem}
html body .wk-info dt{color:#55645a}html body .wk-info dd{margin:0;text-align:right;color:#0c1a0f}
html body .wk-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.1rem 0 .4rem}
html body .wk-btn{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;background:#0a66c2;color:#fff !important;text-decoration:none !important;padding:1rem 1.2rem;font-family:'Forum',serif;font-size:.84rem;letter-spacing:.14em;text-transform:uppercase;transition:background .25s}
html body .wk-btn:hover{background:#084e96}
html body .wk-btn i{font-style:normal;transition:transform .35s}
html body .wk-btn:hover i{transform:translateX(5px)}
/* article précédent / suivant */
html body .wk-pn{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:3.4rem}
html body .wk-pn-a{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem 1.4rem;background:#fff;border:1px solid rgba(12,26,15,.13);text-decoration:none;color:#0c1a0f;transition:border-color .3s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
html body .wk-pn-a:hover{border-color:#0b6b5a;transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(12,26,15,.4)}
html body .wk-pn-a small{font-family:'Forum',serif;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#0b6b5a}
html body .wk-pn-a span{font-family:'Forum',serif;font-size:1.2rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .wk-pn-r{text-align:right}
/* à lire aussi */
html body .wk-see{margin-top:5.5rem;padding-top:2rem;border-top:3px double #0c1a0f}
html body .wk-see h2{font-family:'Forum',serif;font-weight:400;font-size:clamp(1.9rem,3vw,2.6rem);margin:0 0 1.6rem;color:#0c1a0f}
html body .wk-see-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.6rem}
html body .wk-rel{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(12,26,15,.13);text-decoration:none;color:#0c1a0f;transition:border-color .3s,transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
html body .wk-rel:hover{border-color:#0b6b5a;transform:translateY(-6px);box-shadow:0 26px 54px -28px rgba(12,26,15,.45)}
html body .wk-rel-i{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#dfe7e1;isolation:isolate}
html body .wk-rel-i::before{content:"";position:absolute;inset:-20px;background:var(--bg) center/cover;filter:blur(22px);transform:scale(1.1);z-index:-1}
html body .wk-rel-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
html body .wk-rel:hover .wk-rel-i img{transform:scale(1.06)}
html body .wk-rel-b{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem 1.3rem 1.4rem}
html body .wk-rel-b small{font-family:'Forum',serif;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#0b6b5a}
html body .wk-rel-b b{font-family:'Forum',serif;font-weight:400;font-size:1.28rem;line-height:1.22;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .wk-load{display:grid;grid-template-columns:1fr 340px;gap:4rem}
html body .wk-load span{height:360px;background:linear-gradient(100deg,#ece8de 30%,#f6f4ee 50%,#ece8de 70%);background-size:220% 100%;animation:wkSh 1.4s linear infinite}
html body .wk-load span:nth-child(3){display:none}
@keyframes wkSh{to{background-position:-220% 0}}
html body .wk-nf{padding:6rem 0;text-align:center}
html body .wk-nf h1{font-family:'Forum',serif;font-weight:400;font-size:2.6rem;margin-bottom:1rem}
html body .wk-nf a{color:#0b6b5a}
@media(max-width:1050px){
  html body .wk-layout{grid-template-columns:1fr;gap:2.4rem}
  html body .wk-side{position:static}
  html body .wk-load{grid-template-columns:1fr}
  html body .wk-pn{grid-template-columns:1fr}
  html body .wk-pn-r{text-align:left}
  html body .wk-acts{margin-left:0;width:100%}
}
@media(max-width:700px){html body .wk-meta i{display:none}html body .wk-meta{flex-direction:column;align-items:flex-start;gap:.35rem}html body .wk-acts{margin-top:.8rem}html body .wk{padding-top:calc(70px + 1.6rem)}html body .wk-body p{font-size:1.1rem}html body .wk-body>p:first-child{font-size:1.2rem}}
@media print{
  html body nav#nav,html body #mobile-menu,html body footer,html body .wk-acts,html body .wk-note button,html body .wk-pn,html body .wk-btn,html body .wk-progress,html body .wk-see{display:none !important}
  html body.wk-page{background:#fff}html body .wk{padding-top:0}
  html body .wk-layout{grid-template-columns:1fr}html body .wk-side{position:static}
}

/* bouton « Retour » (page précédente) */
html body .wk-crumb .wk-back{display:inline-flex;align-items:center;gap:.55rem;margin-right:.9rem;padding:.55rem 1.1rem .55rem .9rem;background:#fff;border:1px solid rgba(12,26,15,.18);border-radius:999px;color:#0c1a0f;font-family:'Forum',serif;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;box-shadow:0 8px 22px -16px rgba(12,26,15,.4);transition:background .25s,color .25s,border-color .25s}
html body .wk-crumb .wk-back:hover{background:#0c1a0f;color:#fff;border-color:#0c1a0f}
html body .wk-crumb .wk-back svg{flex:0 0 auto}

/* Personnes identifiées (tags LinkedIn), reliées aux fiches membres */
html body .wk-people{margin:.4rem 0 0;padding:1.6rem 0 0;border-top:1px solid rgba(12,26,15,.14)}
html body .wk-people-t{font-family:'Forum',serif;font-weight:400;font-size:.8rem !important;letter-spacing:.22em;text-transform:uppercase;color:#55645a;margin:0 0 1rem !important;padding:0 !important;border:0 !important}
html body .wk-people-c{display:flex;flex-wrap:wrap;gap:.55rem}
html body .wk-pp{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .9rem .35rem .4rem;background:#fff;border:1px solid rgba(12,26,15,.16);color:#0c1a0f;text-decoration:none !important;font-size:.92rem;line-height:1.2;transition:border-color .25s,background .25s}
html body .wk-pp-i{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(11,107,90,.1);color:#0a3b31;font-family:'Forum',serif;font-size:.86rem}
html body .wk-pp--m{border-color:rgba(11,107,90,.4)}
html body .wk-pp--m .wk-pp-i{background:#0b6b5a;color:#fff}
html body .wk-pp--m:hover{background:rgba(11,107,90,.07);border-color:#0b6b5a}
html body .wk-pp--o{padding-left:.9rem;color:#55645a}
html body .wk-pp--o .wk-pp-i{display:none}
@media(max-width:700px){html body .wk-pp{font-size:.88rem}}

