/* ===== Pancreoscopie online V2 - custom CSS (charte validee Abbott, 06/2026) =====
   Source: maquette https://gnm.designsgenius.com/pancreoscopie/  |  au-dessus de Bootstrap 5.3.7 */

:root{
  --green:#3FA535;          /* vert primaire — titres, accents marque */
  --green-d:#2f7d28;
  --navy:#252C62;           /* texte fort, chapos, UI sombre */
  --yellow:#FFDF02;         /* CTA, puces — accent ponctuel */
  --olive:#EFDB0E;          /* labels de section (option) */
  --ink:#2A2A2A;            /* gris texte */
  --line:#e6e8ee;           /* gris clair separateurs */
  --soft:#f6f7fa;           /* fonds doux */
  --hn:"Helvetica Neue",Helvetica,Arial,sans-serif;  /* titres / UI */
  --os:"Open Sans",sans-serif;                        /* corps */
}
*{box-sizing:border-box}
body{font-family:var(--os);color:var(--ink);background:#fff;font-size:16px;line-height:1.65;}
h1,h2,h3,h4,h5,h6,.h-font{font-family:var(--hn);font-weight:700;letter-spacing:-.01em;color:var(--navy);}
a{text-decoration:none}
img{max-width:100%}

/* — signature : puce ronde jaune devant les labels — */
.label-sec{font-family:var(--hn);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--navy);display:inline-flex;align-items:flex-start;gap:.55rem;}
.label-sec::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--yellow);flex:0 0 auto;margin-top:4px;}

/* — header upper (barre connexion) — */
.header-upper{background:var(--navy);color:#fff;font-size:.8rem;}
.header-upper a{color:#fff;opacity:.85}
.header-upper a:hover{opacity:1;color:var(--yellow)}

/* — navbar — */
.navbar-area{background:#fff;border-bottom:1px solid var(--line);}
.navbar-brand img{height:46px;width:auto}
.navbar-nav .nav-link{font-family:var(--hn);font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;padding:.5rem .9rem;border-bottom:2px solid transparent;border-radius:7px 7px 0 0;transition:color .15s,background .15s,border-color .15s;}
.navbar-nav .nav-link:hover{color:var(--navy);background:transparent;border-bottom-color:var(--yellow);}
.navbar-nav .nav-link.active{color:var(--green-d);border-bottom-color:var(--green);background:transparent;}

/* — boutons — */
.btn-navy{background:var(--navy);color:#fff;border:1px solid var(--navy);font-family:var(--hn);font-weight:600;border-radius:30px;padding:.5rem 1.4rem;}
.btn-navy:hover{background:#1a204a;color:#fff}
.btn-outline-green{background:transparent;color:var(--green-d);border:1px solid var(--green);font-family:var(--hn);font-weight:600;border-radius:30px;padding:.5rem 1.4rem;}
.btn-outline-green:hover{background:var(--green);color:#fff}
.btn-cta{background:var(--yellow);color:var(--navy);border:none;font-family:var(--hn);font-weight:700;border-radius:30px;padding:.55rem 1.5rem;transition:background .15s,transform .15s,box-shadow .15s;}
.btn-cta:hover{background:#f5d800;color:var(--navy);transform:translateY(-1px);box-shadow:0 4px 14px rgba(37,44,98,.18)}

/* — slider / carousel — */
.carousel-item{height:440px}
.carousel-item img{height:100%;width:100%;object-fit:cover;object-position:55% 42%;}
.carousel-caption-x{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(90deg,rgba(37,44,98,.92) 0%,rgba(37,44,98,.55) 45%,rgba(37,44,98,.05) 80%);
  padding:0 6%;text-align:left;}
.carousel-caption-x .eyebrow{color:var(--yellow);}
.carousel-caption-x h2{color:#fff;font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1.12;max-width:18ch;margin:.6rem 0 1.3rem}
.carousel-caption-x .baseline{color:rgba(255,255,255,.85);font-style:normal;}

/* --- Creon sponsor badge, hero slide 1 --- */
.hero-brand{position:absolute;right:24px;bottom:24px;z-index:3;pointer-events:none;
  background:#fff;border-radius:10px;padding:11px 15px;box-shadow:0 6px 20px rgba(0,0,0,.22);}
.hero-brand img{display:block;width:140px;height:auto;}

/* — cartes breve — */
.card-breve{border:1px solid var(--line);border-radius:8px;background:#fff;height:100%;transition:border-color .15s,box-shadow .15s;}
.card-breve:hover{border-color:var(--green);box-shadow:0 6px 22px rgba(37,44,98,.07)}
.card-breve .theme{font-size:.68rem}
.card-breve .cover{width:66px;height:auto;flex:0 0 auto;align-self:flex-start;margin-top:.3rem;border:1px solid var(--line);border-radius:6px;}
.card-breve .flex-grow-1{min-width:0}
.card-breve h3{color:var(--green-d);font-size:1.12rem;line-height:1.28;margin:.35rem 0 .5rem;overflow-wrap:break-word;word-break:normal;hyphens:auto}
.card-breve h3.with-dot::before,.card-video .cv-title.with-dot::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--yellow);margin-right:.5rem;vertical-align:middle;position:relative;top:-1px}
.card-breve h3.with-dot,.card-video .cv-title.with-dot{margin-top:0}
.card-breve .source{font-family:var(--hn);text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;color:#7b8094;}
.card-breve .standfirst{color:var(--navy);font-weight:700;font-size:.95rem;margin:.5rem 0 .4rem}
.card-breve .lire{font-family:var(--hn);font-weight:600;color:var(--green-d);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
/* ===== Pictogrammes de CTA : micro-animation au survol (general) ===== */
/* transformables + transition (les icones bi/fa sont inline -> sinon transform ignore) */
.lire i,.btn-cta i,.archives-btn i,.hq-cta i,.adv-search-link i{display:inline-block;transition:transform .2s ease}
/* fleche de fin -> glisse a droite */
.card-breve:hover .lire i,.card-video:hover .lire i,.hq-cta:hover i{transform:translateX(5px)}
/* fleche retour -> glisse a gauche */
.archives-btn:hover [class*="arrow-left"]{transform:translateX(-4px)}
/* icone d'action en tete -> leger pop */
.btn-cta:hover i,.archives-btn:hover [class*="plus"]{transform:scale(1.14)}
/* download -> descend (clin d'oeil) */
.btn-cta:hover .bi-download{transform:translateY(2px)}
/* ===== Back to top (flottant, apparait au scroll, affiche aussi mobile) ===== */
.back-to-top{position:fixed;right:1.4rem;bottom:1.4rem;z-index:1030;width:46px;height:46px;border-radius:50%;border:0;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 6px 20px rgba(37,44,98,.28);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,background .15s;cursor:pointer}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--green-d)}
.back-to-top i{display:inline-block;transition:transform .2s ease}
.back-to-top:hover i{transform:translateY(-3px)}
@media(max-width:575px){.back-to-top{right:1rem;bottom:1rem;width:42px;height:42px;font-size:1.1rem}}

/* — themes — */
.theme-tile{border:1px solid var(--line);border-radius:8px;padding:1.6rem;height:100%;width:100%;background:var(--soft);transition:.15s;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.theme-tile:hover{border-color:var(--green);background:#fff}
.theme-tile .ic{width:42px;height:42px;border-radius:8px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--green);font-size:1.1rem;margin-bottom:.7rem}
.theme-tile h4{font-size:1rem;color:var(--navy);margin:0 0 .2rem}
.theme-tile p{font-size:.82rem;color:#6b7080;margin:0}

/* — bloc edito vert pleine couleur — */
.block-green{
  color:#fff;border-radius:12px;padding:2.4rem;
  background:linear-gradient(rgba(1,108,78,.72),rgba(1,108,78,.82)), url('../IMG/focus-back-blur.webp');
  background-size:cover;background-position:center;
}
.block-green h2{color:#fff}
.block-green .label-sec{color:#fff}

/* — section titre — */
.sec-title{font-size:clamp(1.5rem,2.6vw,2rem);}

/* — footer — */
.site-footer{border-top:3px solid var(--green);background:#fff;font-size:.85rem;color:#5a5f70}
.site-footer h5{font-family:var(--hn);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--navy);margin-bottom:.9rem}
.site-footer a{color:#5a5f70}.site-footer a:hover{color:var(--green-d)}
.footer-strip{border-top:1px solid var(--line)}
/* — top articles — */
.top-articles li{border-bottom:1px solid var(--line)}
.top-articles li:last-child{border-bottom:0}
.top-articles a{display:flex;gap:.9rem;align-items:flex-start;padding:.7rem 0;color:var(--navy);}
.top-articles a:hover{color:var(--green-d)}
.top-articles .num{font-family:var(--hn);font-weight:700;color:var(--green);font-size:1.05rem;line-height:1.3;flex:0 0 auto;width:1.6rem;}
.top-articles .ttl{font-weight:600;font-size:.92rem;line-height:1.35;}

.copyright{font-size:.72rem;line-height:1.6;color:#7b8094;flex:1;min-width:0;}
.gnm-foot{height:34px;opacity:.85}
.hcp-note{font-size:.72rem;color:#9aa0b0}
/* hide leftover lightwindow lightbox from global JS (unused in BS5) */
#lightwindow,#lightwindow_overlay{display:none!important}

/* search engine (offcanvas) */
.search-engine{border-bottom:3px solid var(--green)}
.search-bar .input-group-text{border-color:var(--line)}
.search-bar .form-control{box-shadow:none}
.search-chip{display:inline-block;padding:.3rem .85rem;border:1px solid var(--line);border-radius:30px;font-size:.8rem;font-weight:600;color:var(--navy);background:#f4f7fc;text-decoration:none;transition:border-color .2s ease,color .2s ease,background .2s ease}
.search-chip:hover{border-color:var(--green);color:var(--green);background:#fff}

/* --- site map (FORM_SITEMAP) --- */
.sitemap{padding:.5rem 0 1.5rem}
.sitemap-head{max-width:44rem;margin-bottom:2.6rem}
.sitemap-lede{color:#6b7080;font-size:1.05rem;margin:.5rem 0 0}
.sitemap .smcol h5{font-family:var(--hn);font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:.8rem;color:var(--navy);padding-bottom:.75rem;margin-bottom:.3rem;position:relative}
.sitemap .smcol h5::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;background:var(--green)}
.sitemap .smlist li{border-bottom:1px solid var(--line)}
.sitemap .smlist li:last-child{border-bottom:0}
.sitemap .smlist a{display:flex;align-items:center;gap:.6rem;padding:.72rem 0;color:var(--navy);font-weight:600;font-size:.95rem;transition:color .18s cubic-bezier(.2,.7,.3,1)}
.sitemap .smlist a::before{content:"\2192";color:var(--green);font-weight:400;transition:transform .18s cubic-bezier(.2,.7,.3,1)}
.sitemap .smlist a:hover{color:var(--green-d)}
.sitemap .smlist a:hover::before{transform:translateX(4px)}
.sitemap .smlist a:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:2px}
@media (prefers-reduced-motion:reduce){.sitemap .smlist a,.sitemap .smlist a::before{transition:none}}

/* --- global form buttons re-skinned to charte (replace BS5 light-blue) --- */
.btn-primary{--bs-btn-bg:var(--navy);--bs-btn-border-color:var(--navy);--bs-btn-hover-bg:var(--green);--bs-btn-hover-border-color:var(--green);--bs-btn-active-bg:var(--green-d);--bs-btn-active-border-color:var(--green-d);--bs-btn-disabled-bg:var(--navy);--bs-btn-disabled-border-color:var(--navy);font-family:var(--hn);font-weight:600;border-radius:30px}
.btn-outline-primary{--bs-btn-color:var(--green-d);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:var(--green);--bs-btn-hover-border-color:var(--green);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--green);--bs-btn-active-border-color:var(--green);--bs-btn-focus-shadow-rgb:63,165,53;font-family:var(--hn);font-weight:600;border-radius:30px}

/* --- article fulltext --- */
.article-back{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--hn);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--green-d);transition:color .18s cubic-bezier(.2,.7,.3,1)}
.article-back:hover{color:var(--navy)}
.article-title{font-family:var(--hn);font-weight:700;color:var(--navy);font-size:clamp(1.55rem,3.4vw,2.4rem);line-height:1.15;letter-spacing:-.01em}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;color:#6b7080;font-size:.85rem;margin-bottom:1.1rem}
.article-meta .am-source{font-family:var(--hn);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;color:var(--green-d);font-weight:700}
.article-meta .am-dot{width:4px;height:4px;border-radius:50%;background:#c4c8d4}
.article-authors{font-style:italic;color:var(--navy);font-size:.92rem;margin:0 0 1.4rem}
.article-standfirst{font-family:var(--hn);font-weight:700;color:var(--navy);font-size:1.18rem;line-height:1.45;padding:1.1rem 0 1.2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:1.6rem}
.article-body{color:var(--ink);font-size:1.02rem;line-height:1.75;max-width:72ch}
.article-body p{margin:0 0 1.1rem}
.article-body img{max-width:100%;height:auto;border-radius:6px;margin:1rem 0}
.article-body h2,.article-body h3,.article-body h4{font-family:var(--hn);color:var(--navy);margin:1.6rem 0 .6rem;font-size:1.2rem}
.article-body a{color:var(--green-d);text-decoration:underline}
.article-biblio{font-size:.85rem;color:#6b7080;border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1rem}
.article-publisher{margin:1.6rem 0}
.article-publisher img{max-height:46px;width:auto}
.article-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--line)}

/* --- breadcrumb --- */
.bc-nav{background:var(--soft);border-bottom:1px solid var(--line)}
.bc-nav .breadcrumb{padding:.7rem 0;font-family:var(--hn);font-size:.78rem;letter-spacing:.01em;margin:0}
.bc-nav .breadcrumb-item a{color:var(--green-d);display:inline-flex;align-items:center;gap:.3rem}
.bc-nav .breadcrumb-item a:hover{color:var(--navy)}
.bc-nav .breadcrumb-item.active{color:#6b7080}
.bc-nav .breadcrumb-item+.breadcrumb-item{padding-left:.5rem}
.bc-nav .breadcrumb-item+.breadcrumb-item::before{content:"\203A";color:#b7bcca;padding-right:.5rem}
.bc-nav .bc-trunc{max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* --- article sidebar --- */
.article-aside{position:sticky;top:1.5rem}
.aside-block{padding:1.2rem 1.25rem;border:1px solid var(--line);border-radius:10px;margin-bottom:1rem;background:#fff}
.aside-eyebrow{display:block;font-family:var(--hn);font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;color:var(--navy);margin-bottom:.9rem;position:relative;padding-bottom:.55rem}
.aside-eyebrow::after{content:"";position:absolute;left:0;bottom:0;width:24px;height:3px;background:var(--green)}
.aside-facts{margin:0}
.aside-facts > div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line)}
.aside-facts > div:last-child{border-bottom:0;padding-bottom:0}
.aside-facts dt{font-family:var(--hn);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#8a8f9e;font-weight:600;margin:0;flex:0 0 auto}
.aside-facts dd{margin:0;font-size:.82rem;color:var(--navy);text-align:right;font-weight:600;line-height:1.35}
.aside-actions{display:flex;flex-direction:column;gap:.5rem}
.aside-btn{display:flex;align-items:center;gap:.65rem;padding:.62rem .9rem;border:1px solid var(--line);border-radius:30px;font-family:var(--hn);font-weight:600;font-size:.82rem;color:var(--navy);background:#fff;transition:border-color .18s cubic-bezier(.2,.7,.3,1),color .18s,background .18s}
.aside-btn i{font-size:1rem;color:var(--green);flex:0 0 auto;transition:color .18s}
.aside-btn:hover{border-color:var(--green);color:var(--green-d)}
.aside-btn-primary{background:var(--aside-primary,var(--navy));border-color:var(--aside-primary,var(--navy));color:#fff}
.aside-btn-primary i{color:var(--yellow)}
.aside-btn-primary:hover{background:var(--green);border-color:var(--green);color:#fff}
.aside-btn-primary:hover i{color:#fff}
.aside-btn:focus-visible{outline:2px solid var(--green-d);outline-offset:2px}
.aside-back{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--hn);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--green-d);padding-left:.25rem}
.aside-back:hover{color:var(--navy)}
@media (max-width:991.98px){.article-aside{position:static}}

/* ===== Title/Gender — civilite radios (pilules segmentees) ===== */
.civilite{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding-top:.15rem}
.civilite input[type="radio"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.civilite label{margin:0;cursor:pointer;user-select:none;font-family:var(--hn);font-weight:600;font-size:.9rem;line-height:1;color:var(--navy);background:#fff;border:1.5px solid var(--line);border-radius:30px;padding:.5rem 1.15rem;transition:border-color .18s,color .18s,background .18s,box-shadow .18s}
.civilite label:hover{border-color:var(--green);color:var(--green-d)}
.civilite label:has(+ input[type="radio"]:checked){background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 2px 7px rgba(63,165,53,.28)}
.civilite label:has(+ input[type="radio"]:focus-visible){outline:2px solid var(--navy);outline-offset:2px}
/* Fallback navigateurs sans :has() : radios visibles + thematises */
@supports not (selector(:has(*))){
.civilite{display:block}
.civilite input[type="radio"]{position:static;width:auto;height:auto;opacity:1;pointer-events:auto;accent-color:var(--green);vertical-align:middle;margin:0 1rem 0 .25rem}
.civilite label{border:0;border-radius:0;padding:0;background:none;color:var(--navy);font-weight:600}
}

/* ===== Preloader 3 anneaux (charte Pancreoscopie) ===== */
#gnm-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}
#gnm-preloader.hidden{opacity:0;pointer-events:none}
.gnm-spinner{position:relative;width:64px;height:64px}
.gnm-ring{position:absolute;border-radius:50%;border:4px solid transparent}
.gnm-ring-1{width:64px;height:64px;top:0;left:0;border-top-color:var(--navy);border-right-color:var(--navy);animation:gnm-spin 1s cubic-bezier(.4,0,.2,1) infinite}
.gnm-ring-2{width:46px;height:46px;top:9px;left:9px;border-top-color:var(--green);border-left-color:var(--green);animation:gnm-spin 1.3s cubic-bezier(.4,0,.2,1) infinite reverse}
.gnm-ring-3{width:28px;height:28px;top:18px;left:18px;border-top-color:#8FD08A;border-right-color:#8FD08A;animation:gnm-spin .8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes gnm-spin{to{transform:rotate(360deg)}}

/* ===== Bouton 'Browse the archives' (charte) ===== */
.archives-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem 1.7rem;border:2px solid var(--green);border-radius:30px;font-family:var(--hn);font-weight:700;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--green-d);background:#fff;transition:background .18s,color .18s,box-shadow .18s}
.archives-btn i{font-size:1.3rem;line-height:1;color:var(--green)}
.archives-btn:hover{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 14px rgba(63,165,53,.28)}
.archives-btn:hover i{color:#fff}

/* ===== Dropdown navbar "Knowledge Resources" (charte) ===== */
.navbar-nav .dropdown-menu{border:0;border-radius:14px;padding:.55rem;margin-top:.55rem;min-width:288px;background:#fff;box-shadow:0 16px 40px -10px rgba(37,44,98,.24),0 4px 12px rgba(37,44,98,.07);animation:krFade .18s cubic-bezier(.2,.7,.3,1)}
@keyframes krFade{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.navbar-nav .dropdown-menu .dropdown-header{font-family:var(--hn);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--green-d);padding:.45rem .8rem .55rem;display:flex;align-items:center;gap:.5rem}
.navbar-nav .dropdown-menu .dropdown-header::before{content:"";width:16px;height:2px;background:var(--green);border-radius:2px;flex:0 0 auto}
.navbar-nav .dropdown-menu .dropdown-item{position:relative;font-family:var(--hn);font-weight:600;font-size:.92rem;color:var(--navy);border-radius:9px;padding:.62rem 2rem .62rem .8rem;margin:.08rem 0;transition:background .16s,color .16s,padding-left .16s}
.navbar-nav .dropdown-menu .dropdown-item::after{content:"";position:absolute;right:1rem;top:calc(50% - 4px);width:6px;height:6px;border-top:2px solid var(--green);border-right:2px solid var(--green);transform:rotate(45deg) translateX(-3px);opacity:0;transition:opacity .16s,transform .16s}
.navbar-nav .dropdown-menu .dropdown-item:hover,.navbar-nav .dropdown-menu .dropdown-item:focus{background:rgba(63,165,53,.10);color:var(--green-d);padding-left:1.05rem}
.navbar-nav .dropdown-menu .dropdown-item:hover::after,.navbar-nav .dropdown-menu .dropdown-item:focus::after{opacity:1;transform:rotate(45deg) translateX(0)}
.navbar-nav .dropdown-toggle::after{vertical-align:.12em;transition:transform .18s}
.navbar-nav .dropdown.show>.dropdown-toggle{color:var(--green)}
.navbar-nav .dropdown.show .dropdown-toggle::after{transform:rotate(180deg)}

/* ===== Navbar : retrait NEW + pipes verts entre items ===== */
@media (min-width:992px){
@media(min-width:992px){.navbar-nav{gap:.5rem}
.navbar-nav .nav-item + .nav-item:has(.nav-link){position:relative}
.navbar-nav .nav-item + .nav-item:has(.nav-link)::before{content:"";position:absolute;left:-.25rem;top:50%;transform:translateY(-50%);width:1px;height:14px;background:rgba(37,44,98,.14)}}
}

/* ===== Pagination (charte) ===== */
.pagination{gap:.35rem;flex-wrap:wrap}
.pagination .page-link{border:1px solid var(--line);border-radius:9px;color:var(--navy);font-family:var(--hn);font-weight:600;font-size:.9rem;min-width:42px;line-height:1;text-align:center;padding:.55rem .7rem;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}
.pagination .page-link:hover{background:rgba(63,165,53,.10);border-color:var(--green);color:var(--green-d)}
.pagination .page-item.active .page-link{background:var(--navy);border-color:var(--navy);color:#fff}
.pagination .page-link:focus{outline:0;box-shadow:0 0 0 .2rem rgba(63,165,53,.25)}

/* ===== Liens de contenu (charte) - remplace le bleu Bootstrap par defaut ===== */
a{color:var(--green-d)}
a:hover{color:var(--green)}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:var(--green)}

/* ===== Search dropdown (navbar, type GitHub) ===== */
.navbar-nav .dropdown-menu.search-dropdown{min-width:min(520px,92vw);border:1px solid var(--line);border-radius:14px;border-top:3px solid var(--green);box-shadow:0 18px 50px rgba(37,44,98,.16);margin-top:.55rem;right:0;left:auto}
.search-dropdown .search-bar .form-control{font-size:.95rem}
@media(max-width:991.98px){.navbar-nav .dropdown-menu.search-dropdown{min-width:min(520px,86vw)}}

/* ===== Search dropdown : compteur + advanced search ===== */
.search-dd-title{font-family:var(--hn);font-weight:700;color:var(--navy);font-size:.95rem}
.search-count{font-size:.7rem;font-weight:700;color:var(--green-d);background:rgba(63,165,53,.1);border-radius:20px;padding:.15rem .55rem;white-space:nowrap}
.adv-search-link{font-family:var(--hn);font-weight:600;font-size:.8rem;color:var(--navy);display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}
.adv-search-link:hover{color:var(--green)}
.adv-search-link:hover i{transform:translateX(2px)}

/* ===== moteurDerecherche : liens secondaires (Need help / Advanced) ===== */
.searchmore{font-family:var(--hn);font-weight:600;font-size:.85rem;color:var(--green-d);display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;text-decoration:none}
.searchmore:hover{color:var(--green)}

/* ===== Notation etoiles (rating.js : rating_left/rating_right/rating/rating_hover) ===== */
.article-rating{font-size:1.7rem;line-height:1;letter-spacing:.18rem;margin:.15rem 0 .55rem;white-space:nowrap}
.article-rating a{text-decoration:none;cursor:pointer;transition:color .12s ease}
.article-rating a.rating_right{color:#cbd2dd}
.article-rating a.rating_left{color:var(--yellow)}
.article-rating a.rating{color:#cbd2dd}
.article-rating a.rating_hover{color:var(--yellow)}
.rating-mean{font-family:var(--hn);font-size:.8rem;color:#6b7280;margin-top:.1rem}
.rating-mean #article_note_mean{font-weight:700;color:var(--navy)}
.rating-mean .rm-star{color:var(--yellow)}

/* ===== Header upper : badges suivi (new published / bibliographie) ===== */
.header-upper .hu-badge{display:inline-flex;align-items:center;gap:.45rem;background:#fff;color:var(--navy);opacity:1;border-radius:999px;padding:.1rem .7rem .1rem .1rem;font-size:.72rem;font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap}
.header-upper .hu-badge:hover{color:var(--navy);opacity:.92}
.header-upper .hu-badge i{margin-left:.55rem;font-size:.7rem;opacity:.7}
.header-upper .hu-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.45rem;height:1.45rem;padding:0 .35rem;background:var(--navy);color:#fff;border-radius:999px;font-weight:700}

/* ===== Abecedaire revues (browse by journal A-Z) ===== */
.abc-bar{display:flex;flex-wrap:wrap;gap:.35rem}
.abc-letter{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:9px;font-family:var(--hn);font-weight:700;font-size:.9rem;text-decoration:none;color:var(--navy);background:var(--soft,#f4f6fb);border:1px solid var(--line);transition:background .12s,color .12s}
.abc-letter:hover{background:var(--green);color:#fff;border-color:var(--green)}
.abc-letter.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.abc-letter-off{color:#c2c8d4;background:transparent;border-color:transparent;cursor:default}
.abc-list{margin-top:1.5rem}
.abc-list-letter{font-family:var(--hn);font-weight:800;color:var(--green-d);font-size:1.4rem;margin:.25rem 0 1rem}
.abc-journal{display:inline-flex;align-items:flex-start;gap:.5rem;color:var(--navy);text-decoration:none;font-size:.92rem;line-height:1.35;padding:.3rem 0}
.abc-journal:hover{color:var(--green-d)}
.abc-journal i{color:var(--green);margin-top:.15rem;flex:0 0 auto}
.abc-hint{margin-top:1rem;font-size:.9rem}
/* Journals A-Z : grille adaptee au nombre de revues de la lettre (regles du module WP gnmparent).
   1 revue -> pleine largeur ; 2 revues -> 50/50 en lg ; 3 et + -> grille de base. */
.abc-list .row > *:only-child{width:100%}
@media (min-width:992px){
.abc-list .row > *:first-child:nth-last-child(2),
.abc-list .row > *:first-child:nth-last-child(2) ~ *{width:50%}
}

/* ===== Module Newsletter (home, demi-row) ===== */
.newsletter-card{color:#fff;border-radius:12px;padding:2.4rem;background:linear-gradient(120deg,var(--navy),#1b2150)}
.newsletter-card .label-sec{color:var(--yellow)}
.newsletter-card h2{color:#fff;font-size:1.6rem}
.newsletter-card p{color:rgba(255,255,255,.85);font-size:.95rem}

/* — cartes video (spe Therapy Videos) : hero 16:9 + play — */
.card-video{border:1px solid var(--line);border-radius:8px;background:#fff;height:100%;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.card-video:hover{border-color:var(--green);box-shadow:0 6px 22px rgba(37,44,98,.07)}
.cv-thumb{position:relative;aspect-ratio:16/9;background:#0d0f1a;overflow:hidden}
.cv-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.card-video:hover .cv-img{transform:scale(1.04)}
.card-video .label-sec.theme{font-size:.68rem}
.cv-title{color:var(--green-d);font-size:1.12rem;line-height:1.28;margin:.5rem 0;overflow-wrap:break-word}
.card-video .source{font-family:var(--hn);text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;color:#7b8094}
.card-video .standfirst{color:var(--navy);font-weight:700;font-size:.95rem;margin:.5rem 0 .4rem}
.card-video .lire{font-family:var(--hn);font-weight:600;color:var(--green-d);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}

/* — Module quiz home (taster ; contenu options.xml/home_quiz) — */
.home-quiz{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.5rem 1.6rem 1.3rem}
.hq-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.7rem}
.hq-kicker{font-family:var(--hn);font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7b8094}
.hq-badge{font-family:var(--hn);font-size:.7rem;font-weight:700;color:var(--green-d);background:#eef6e9;padding:4px 11px;border-radius:20px}
.hq-bar{height:4px;background:#eef0f4;border-radius:4px;overflow:hidden;margin-bottom:1.15rem}
.hq-bar-fill{height:100%;width:20%;background:var(--green);border-radius:4px}
.hq-q{color:var(--navy);font-size:1.18rem;line-height:1.35;font-weight:700;margin:0 0 1.1rem}
.hq-choices{display:flex;flex-direction:column;gap:10px}
.hq-choice{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:.7rem .9rem;cursor:pointer;font:inherit;transition:border-color .15s,background .15s;width:100%}
.hq-choice:hover{border-color:var(--green);background:#fbfdfa}
.hq-letter{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--navy);font-family:var(--hn);font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center}
.hq-label{color:var(--ink);font-size:.97rem}
.hq-choice.sel-correct,.hq-choice.reveal-correct{border-color:var(--green);background:#eef6e9}
.hq-choice.sel-correct .hq-letter,.hq-choice.reveal-correct .hq-letter{background:var(--green);color:#fff}
.hq-choice.sel-wrong{border-color:#d64545;background:#fdeeee}
.hq-choice.sel-wrong .hq-letter{background:#d64545;color:#fff}
.hq-explain{display:none;margin-top:1.1rem;padding:.8rem 1rem;border-radius:9px;font-size:.9rem;line-height:1.5}
.hq-explain.ok{background:#eef6e9;color:#27500A}
.hq-explain.ko{background:#fdeeee;color:#7a1f1f}
.hq-explain strong{font-weight:700}
.hq-foot{margin-top:1.25rem;display:flex;justify-content:flex-end}
.hq-cta{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;font-family:var(--hn);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;padding:.62rem 1.15rem;border-radius:8px;text-decoration:none;transition:background .15s,box-shadow .15s}
.hq-cta:hover{background:var(--green-d);color:#fff;box-shadow:0 4px 14px rgba(63,165,53,.28)}

/* — Cover Flow page Clinical Toolkit (facon iTunes) — */

/* — Most Read Article Collections (FORM_COLLECTIONS) — */
.collection-card{display:flex;flex-direction:column;height:100%;text-decoration:none;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}
.collection-card:hover{border-color:var(--green);box-shadow:0 12px 30px rgba(37,44,98,.11);transform:translateY(-3px)}
.collection-card:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.cc-head{position:relative;background:var(--navy);padding:1.35rem 1.3rem 1.2rem;overflow:hidden}
.cc-head::after{content:"";position:absolute;right:-34px;bottom:-42px;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,rgba(63,165,53,.45),transparent 68%);pointer-events:none}
.cc-eyb{position:relative;display:block;font-family:var(--hn);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;color:rgba(255,255,255,.75)}
.cc-year{position:relative;display:block;font-family:var(--hn);font-weight:800;font-size:2.5rem;line-height:1;color:#fff;letter-spacing:-.015em;margin-top:.3rem}
.cc-body{display:flex;flex-direction:column;flex:1 1 auto;padding:1rem 1.3rem 1.15rem}
.cc-name{font-family:var(--hn);font-weight:700;font-size:.92rem;color:var(--navy)}
.cc-date{font-family:var(--hn);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#7b8094}
.cc-act{margin-top:auto;padding-top:1.05rem;font-family:var(--hn);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--green-d);display:inline-flex;align-items:center;gap:.4rem}
.cc-act i{transition:transform .18s cubic-bezier(.22,1,.36,1)}
.collection-card:hover .cc-act i{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.collection-card,.cc-act i{transition:none}.collection-card:hover{transform:none}}

/* — Cover Flow home (cartes colorees paysage, latest briefs) — */
.cfh-band{background:var(--navy);padding:2.2rem 0 1.7rem;margin-bottom:2.5rem;overflow:hidden}
.cfh-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--hn);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:1.2rem}
.cfh-dot{width:9px;height:9px;border-radius:50%;background:var(--yellow)}
.cfh-cover{width:260px;height:165px;border-radius:11px;padding:17px 19px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.4);-webkit-box-reflect:below 5px linear-gradient(transparent,transparent 56%,rgba(255,255,255,.16))}
.cfh-kicker{font-family:var(--hn);font-size:.62rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;opacity:.85}
.cfh-title{font-family:var(--hn);font-size:1rem;font-weight:700;line-height:1.28;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.cfh-c0{background:#2f7d28}.cfh-c1{background:#1d4e89}.cfh-c2{background:#0f6e56}.cfh-c3{background:#185FA5}.cfh-c4{background:#854f0b}.cfh-c5{background:#3a4178}
.cfh-nav{display:flex;align-items:center;justify-content:center;gap:14px}
.cfh-arrow{width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:1.05rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}
.cfh-arrow:hover{filter:brightness(1.5)}

/* — My Bibliography 2026 : liste editoriale — */
.biblio-wrap{max-width:880px}
.biblio-list{display:flex;flex-direction:column;gap:10px}
.biblio-row{position:relative;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;transition:border-color .15s,box-shadow .15s}
.biblio-row:hover{border-color:#cfd5e4;box-shadow:0 6px 20px rgba(37,44,98,.06)}
.biblio-check{flex:0 0 auto;margin-top:2px;cursor:pointer;display:block;position:relative}
.biblio-check input{position:absolute;opacity:0;width:0;height:0}
.biblio-box{display:block;width:20px;height:20px;border-radius:6px;border:1.5px solid #c2c8d4;background:#fff;transition:background .12s,border-color .12s;position:relative}
.biblio-check input:checked + .biblio-box{background:var(--green);border-color:var(--green)}
.biblio-check input:checked + .biblio-box::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.biblio-main{flex:1;min-width:0}
.biblio-meta{font-family:var(--hn);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7b8094;margin-bottom:.25rem}
.biblio-title{display:block;font-family:var(--hn);font-size:1.02rem;font-weight:700;color:var(--navy);line-height:1.3;text-decoration:none;margin-bottom:.3rem}
.biblio-title:hover{color:var(--green-d)}
.biblio-stand{font-family:var(--os);font-size:.86rem;color:#5a6072;line-height:1.45;margin:0 0 .55rem}
.biblio-note-row{margin-bottom:.2rem}
.biblio-note{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-family:var(--hn);font-size:.8rem;font-weight:600;border-radius:8px;padding:.4rem .7rem}
.biblio-note.has{background:#fffbe6;color:#7a6a12}
.biblio-note.has i{color:#b8960b}
.biblio-note.add{color:#7b8094;padding-left:0}
.biblio-note.add:hover{color:var(--green-d)}
.biblio-note-edit{font-weight:400;opacity:.85}
.biblio-actions{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;margin-top:.65rem}
.biblio-actions a{font-family:var(--hn);font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7b8094;text-decoration:none}
.biblio-actions a:hover{color:var(--green-d)}
.biblio-remove{position:absolute;top:.7rem;right:.7rem;width:28px;height:28px;border-radius:7px;color:#b6bcca;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;opacity:0;transition:opacity .15s,background .15s,color .15s}
.biblio-row:hover .biblio-remove{opacity:1}
.biblio-remove:hover{background:#fdeeee;color:#d64545}
.biblio-empty{text-align:center;color:#7b8094;padding:3rem 1rem;font-family:var(--os)}
.biblio-empty i{font-size:2rem;color:var(--line);display:block;margin-bottom:.6rem}
@media(max-width:575px){.biblio-remove{opacity:1}}

/* — My Bibliography 2026 : header / toolbar / chips dossiers — */
.biblio-head{max-width:880px}
.biblio-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:1rem}
.biblio-head .label-sec{display:inline-flex;align-items:center;gap:7px}
.biblio-h1{font-family:var(--hn);font-weight:700;color:var(--navy);font-size:1.7rem;margin:.3rem 0 0;line-height:1.1}
.biblio-count{font-family:var(--os);font-size:.86rem;color:#7b8094}
.biblio-count #expselcount{color:var(--green-d);font-weight:700}
.biblio-folders{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.1rem}
.chip2{font-family:var(--hn);font-size:.78rem;font-weight:600;border-radius:20px;padding:.35rem .85rem;border:1px solid var(--line);background:#fff;color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.chip2:hover{border-color:var(--green);color:var(--green-d)}
.chip2.active{background:var(--navy);border-color:var(--navy);color:#fff}
.chip2.ghost{border-style:dashed;color:#7b8094}
.biblio-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:1.1rem;margin-bottom:.5rem}
.biblio-btn{font-family:var(--hn);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-radius:8px;padding:.55rem 1rem;border:1px solid var(--line);background:#fff;color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:background .15s,border-color .15s,color .15s}
.biblio-btn:hover{border-color:var(--green);color:var(--green-d)}
.biblio-btn.primary{background:var(--green);border-color:var(--green);color:#fff}
.biblio-btn.primary:hover{background:var(--green-d);color:#fff}
.biblio-btn.ghost{color:#7b8094}
.biblio-tut{margin-left:auto;font-family:var(--hn);font-size:.76rem;font-weight:600;color:#7b8094;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.biblio-tut:hover{color:var(--green-d)}

/* --- Biblio : ranger dans un dossier --- */
.biblio-file{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.9rem}
.biblio-file-hint{font:600 .8rem/1.3 var(--hn);color:#7b8094;display:inline-flex;align-items:center;gap:.35rem}
.biblio-file-sel{font:600 .85rem var(--hn);color:var(--navy);border:1px solid var(--line);border-radius:8px;padding:.42rem .7rem;background:#fff;cursor:pointer}
.biblio-file-sel:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(63,165,53,.12)}
.biblio-file-go{display:inline-flex;align-items:center;gap:.3rem;font:700 .82rem var(--hn);color:#fff;background:var(--green);border-radius:8px;padding:.45rem .95rem;text-decoration:none;transition:background .15s}
.biblio-file-go:hover{background:var(--green-d);color:#fff}
.biblio-file-del{font:600 .8rem var(--hn);color:#b3261e;text-decoration:none;margin-left:.3rem}
.biblio-file-del:hover{text-decoration:underline}

/* ===== Bulk actions bar ===== */
.biblio-bulk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;max-width:880px;margin:0 0 1.1rem;padding:.6rem .85rem;background:var(--soft);border:1px solid var(--line);border-radius:8px}
.bulk-select{display:flex;align-items:center;gap:1rem;min-width:0}
.bulk-all{display:inline-flex;align-items:center;gap:.5rem;margin:0;cursor:pointer}
.bulk-all input{width:1rem;height:1rem;accent-color:var(--green);cursor:pointer}
.bulk-all-tx{font:600 .72rem/1 var(--hn);text-transform:uppercase;letter-spacing:.06em;color:var(--navy)}
.bulk-count{font:600 .75rem/1 var(--hn);letter-spacing:.03em;color:var(--navy)}
.bulk-count-n{font-weight:700;color:var(--navy)}
.biblio-bulk[data-any="1"] .bulk-count-n{color:var(--green-d)}
.bulk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.bulk-move{display:flex;align-items:center;gap:.4rem}
.bulk-lbl{font:600 .68rem/1 var(--hn);text-transform:uppercase;letter-spacing:.06em;color:var(--navy);margin:0}
.bulk-folder{font:400 .85rem var(--os);color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:6px;padding:.34rem .55rem;max-width:13rem}
.bulk-folder:focus-visible{outline:2px solid var(--green-d);outline-offset:1px}
.bulk-btn{cursor:pointer;line-height:1.1}
.bulk-btn .bi{font-size:.9em;margin-right:.15em}
.bulk-remove{color:var(--navy)}
.bulk-remove:hover:not([disabled]){border-color:var(--navy);color:var(--navy)}
.bulk-btn[disabled]{opacity:.45;pointer-events:none;cursor:default}
.bulk-folder[disabled]{opacity:.55}
.biblio-folder-del{font:600 .8rem var(--hn);color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;margin-left:.4rem}
.biblio-folder-del:hover{text-decoration:underline}
@media (max-width:680px){.biblio-bulk{flex-direction:column;align-items:stretch}.bulk-actions{justify-content:flex-start}}

/* ===== Latest research : Swiper coverflow (cards charte conservees) ===== */
.cfh-swiper{max-width:1000px;margin:0 auto 1.1rem;padding:14px 0 20px}
/* peu d'articles (<=6) : swiper plus etroit -> 1 carte par cote au lieu de 2 */
.cfh-swiper.cfh-compact{max-width:720px}

.cfh-swiper .swiper-slide{width:262px;height:165px}
.cfh-swiper .cfh-cover{width:100%;height:100%;margin:0;cursor:pointer;-webkit-box-reflect:none}
.cfh-swiper .swiper-slide-shadow-left,.cfh-swiper .swiper-slide-shadow-right{border-radius:11px}
.cfh-nav{margin-top:.2rem}
.cfh-nav .cfh-pagination{position:static;width:auto;flex:0 0 auto;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.cfh-nav .cfh-pagination .swiper-pagination-bullet{background:#fff;opacity:.4;width:8px;height:8px;margin:0;border-radius:50%;transition:opacity .15s,width .15s,border-radius .15s}
.cfh-nav .cfh-pagination .swiper-pagination-bullet-active{opacity:1;width:22px;border-radius:6px;background:var(--yellow)}
.cfh-arrow{line-height:1}
.cfh-arrow .bi{display:flex;align-items:center;justify-content:center;line-height:1}
@media(max-width:575px){.cfh-swiper .swiper-slide{width:212px;height:140px}}

/* ===== Reveal on scroll (maison, IntersectionObserver) : actif uniquement si JS via html.reveal-ready ; sinon contenu visible ===== */
.reveal-ready [data-reveal],.reveal-ready [data-reveal-children] > *{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.reveal-ready [data-reveal].is-visible,.reveal-ready [data-reveal-children].is-visible > *{opacity:1;transform:none}
.reveal-ready [data-reveal-children].is-visible > *:nth-child(2){transition-delay:.09s}
.reveal-ready [data-reveal-children].is-visible > *:nth-child(3){transition-delay:.18s}
.reveal-ready [data-reveal-children].is-visible > *:nth-child(4){transition-delay:.27s}
.reveal-ready [data-reveal-children].is-visible > *:nth-child(5){transition-delay:.36s}
.reveal-ready [data-reveal-children].is-visible > *:nth-child(6){transition-delay:.45s}
.reveal-ready [data-reveal-children].is-visible > *:nth-child(7){transition-delay:.54s}
.reveal-ready [data-reveal-children].is-visible > *:nth-child(8){transition-delay:.63s}
.reveal-ready [data-reveal-children].is-visible > *:nth-child(9){transition-delay:.72s}
@media (prefers-reduced-motion: reduce){.reveal-ready [data-reveal],.reveal-ready [data-reveal-children] > *{opacity:1 !important;transform:none !important;transition:none !important}}

/* ===== Hero carousel : boutons CTA (primaire jaune + ghost blanc sur navy) ===== */
.hero-cta{display:flex;gap:.7rem;margin-top:1.25rem;flex-wrap:wrap}
.hero-cta .btn{font-family:var(--hn);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;padding:.62rem 1.2rem;border-radius:8px;display:inline-flex;align-items:center;gap:.5rem}
.hero-cta .btn i{display:inline-block;transition:transform .2s ease}
.hero-cta .btn-cta:hover i{transform:translateX(4px)}
.hero-cta .btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.65);color:#fff}
.hero-cta .btn-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff}
.hero-cta .btn-ghost:hover i{transform:scale(1.12)}

/* ===== Focus Highlights collections : edition a la une + sommaire ===== */
.fh-featured{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(37,44,98,.07)}
.fh-cover{position:relative;height:100%;min-height:300px;background:var(--navy)}
.fh-cover img{width:100%;height:100%;object-fit:cover;display:block}
.fh-flag{position:absolute;top:14px;left:14px;background:var(--yellow);color:var(--navy);font-family:var(--hn);font-weight:700;font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;padding:4px 11px;border-radius:20px}
.fh-body{padding:1.9rem 2.1rem}
.fh-title{font-family:var(--hn);color:var(--navy);font-weight:800;font-size:1.55rem;line-height:1.1;margin:.45rem 0 .35rem}
.fh-sub{color:#5b6172;font-size:.92rem;line-height:1.45;margin-bottom:1.15rem;max-width:44rem}
.fh-toc{list-style:none;margin:0;padding:0}
.fh-toc li{display:flex;gap:.9rem;align-items:baseline;padding:.62rem 0;border-top:1px solid var(--line);transition:padding-left .15s}
.fh-toc li:first-child{border-top:0}
.fh-toc li:hover{padding-left:.3rem}
.fh-n{flex:0 0 1.7rem;font-family:var(--hn);font-weight:800;color:var(--green-d);font-size:.82rem}
.fh-t{flex:1 1 auto;min-width:0}
.fh-tt{display:block;font-family:var(--hn);font-weight:700;color:var(--navy);font-size:.92rem;line-height:1.3}
.fh-td{display:block;color:#7b8094;font-size:.8rem;line-height:1.4;margin-top:2px}
.fh-p{flex:0 0 auto;font-family:var(--hn);font-weight:600;font-size:.7rem;color:#9aa0b0;white-space:nowrap}
.fh-cta{margin-top:1.4rem}
@media(max-width:991px){.fh-cover{min-height:220px}.fh-body{padding:1.5rem 1.4rem}}

/* ===== Banniere neon : trait lumineux rotatif (transform) - version sobre/fine ===== */
.neon-frame{position:relative;display:block;border-radius:18px;overflow:hidden;padding:2px;background:rgba(63,165,53,.14);box-shadow:0 0 0 1px rgba(63,165,53,.18),0 0 14px -9px rgba(63,165,53,.4)}
.neon-frame::before{content:"";position:absolute;z-index:0;pointer-events:none;top:50%;left:50%;width:200%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(0deg);background:conic-gradient(from 0deg,rgba(63,165,53,0) 0deg,rgba(63,165,53,0) 274deg,#3FA535 302deg,#cdeed7 324deg,#3FA535 344deg,rgba(63,165,53,0) 360deg);animation:neon-rotate 4s linear infinite}
.neon-frame img{position:relative;z-index:1;display:block}
@keyframes neon-rotate{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.neon-frame::before{animation-duration:16s}}

/* ===== Last update of the site ===== */
.last-update{font-family:var(--os);font-size:.78rem;color:#7b8094;margin:.5rem 0 0;letter-spacing:.01em}
.last-update i{color:var(--green);margin-right:.35rem;font-size:.82rem;vertical-align:-1px}

/* date de publication dans les cards du slider Latest research */
.cfh-date{font-family:var(--hn);font-size:.62rem;font-weight:600;letter-spacing:.04em;opacity:.72;margin-top:auto}

/* breadcrumb : libelle de categorie non cliquable */
.bc-nav .bc-cat{color:#6b7080}
/* focus ring charte (remplace le bleu BS par defaut) */
.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 .2rem rgba(63,165,53,.20)}

/* ===== Lien discret "See my bibliography" (sous le bouton biblio, togglé via gnmToggleBiblio) ===== */
.aside-biblio-see{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;margin-top:-.1rem;padding-left:.25rem;font-family:var(--hn);font-weight:700;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--green-d);text-decoration:none}
.aside-biblio-see:hover{color:var(--navy)}
.aside-biblio-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--green);flex:0 0 auto}
.aside-biblio-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--green);animation:asideBibPulse 1.8s ease-out infinite}
@keyframes asideBibPulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(2.4);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.aside-biblio-dot::after{animation:none}}

/* ===== Références dans la carte "This article" (groupe biblio) ===== */
.aside-refs{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--line)}
.aside-refs h3{font-family:var(--hn);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;color:#8a8f9e;margin:0 0 .5rem}
.aside-refs p{margin:0;font-size:.8rem;line-height:1.45;color:var(--navy)}
.aside-refs a{color:var(--green-d);text-decoration:none;font-weight:600}
.aside-refs a:hover{text-decoration:underline}
.aside-refs i{color:#6b7280}

/* ===== GUTinfoline (item navbar) : outline navy, pendant de la loupe verte ===== */
.btn-infoline{--bs-btn-color:#252C62;--bs-btn-border-color:#252C62;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#252C62;--bs-btn-hover-border-color:#252C62;--bs-btn-active-color:#fff;--bs-btn-active-bg:#1c2250;--bs-btn-active-border-color:#1c2250;--bs-btn-focus-shadow-rgb:37,44,98;font-weight:600;}
.btn-infoline .bi{display:inline-block;transition:transform .18s ease-out;}
.btn-infoline:hover .bi,.btn-infoline:focus-visible .bi{transform:translateY(-1px) scale(1.08);}
.site-footer .btn-infoline{color:#252C62}
.site-footer .btn-infoline:hover,.site-footer .btn-infoline:focus-visible{color:#fff}

/* == Search trigger harmonise standard gnm-search-btn (2026-07-07) == */
.navbar-nav .gnm-search-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--green);color:var(--green);display:inline-flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 5px 22px rgba(37,44,98,.10);transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
.navbar-nav .gnm-search-btn:hover,.navbar-nav .gnm-search-btn.show{color:var(--navy);border-color:var(--navy);box-shadow:0 8px 22px rgba(37,44,98,.20);transform:translateY(-1px);}
.btn-search-go{background:var(--green);border:0;color:#fff;}
.btn-search-go:hover,.btn-search-go:focus{background:var(--navy);color:#fff;}
.btn-search-go i{display:inline-block;transition:transform .2s ease;}
.btn-search-go:hover i{transform:translateX(2px);}
.search-dropdown .search-bar .form-control:focus{box-shadow:none;border-color:var(--green)}
.search-dropdown .search-bar:focus-within .form-control,.search-dropdown .search-bar:focus-within .input-group-text{border-color:var(--green)}
.search-dropdown .search-bar .input-group-text{color:var(--green)}

/* Keep the embedded A-Z browser aligned with the search result column. */
.search-zero-journals > .container{width:auto;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}