/* =====================================================================
   CIRES — Couche éditoriale
   Chargée EN DERNIER sur toutes les pages publiques. Elle remplace le
   style « template » (police Inter, cartes arrondies à ombre douce,
   pastilles, titres en majuscules espacées) par une identité de
   centre de recherche : titres à empattement, filets fins, angles nets.
   Pour revenir à l'ancien design : retirer le <link> vers ce fichier.
   ===================================================================== */

:root{
    --ed-serif: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
    --ed-sans:  "Source Sans 3", "Source Sans Pro", "Segoe UI", Arial, sans-serif;

    /* Charte CIRES = couleurs du logo : orange, blanc, brun-noir.
       AUCUN BLEU : ne pas en réintroduire. */
    --ed-ink:    #201511;   /* texte principal, brun-noir */
    --ed-brown:  #2b1c17;   /* brun-noir des contours du logo (fonds sombres) */
    --ed-orange: #df5a1b;   /* orange de la charte */
    --ed-orange-dark: #bf4711;
    --ed-muted:  #72635b;
    --ed-rule:   #d9d4cb;   /* filet chaud, couleur papier */
    --ed-paper:  #f6f3ee;   /* fond de section alterné */
    --ed-radius: 2px;
}

/* ---------------------------------------------------------------------
   1. Typographie
   --------------------------------------------------------------------- */
html body{
    font-family: var(--ed-sans) !important;
    font-size: 17px;
    color: var(--ed-ink);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern", "liga";
}

html body p,
html body li{
    line-height: 1.65;
}

html body h1, html body h2, html body h3,
html body h4, html body .h1, html body .h2, html body .h3{
    font-family: var(--ed-serif) !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
}
html body h1{ line-height: 1.12; }
html body h2{ line-height: 1.2; }
html body h3, html body h4{ line-height: 1.3; }

/* Les intitulés en petites capitales grasses partout = effet « template ».
   On garde les majuscules seulement pour les petites étiquettes. */
html body .nav-link,
html body .dropdown-item,
html body .btn,
html body .section-link-ird,
html body .project-card-footer a,
html body .cires-news-more{
    letter-spacing: 0 !important;
}

/* ---------------------------------------------------------------------
   2. Formes : angles nets, pas d'ombres flottantes, filets fins
   --------------------------------------------------------------------- */
html body .discover-card,
html body .partner-mini-card,
html body .download-item,
html body .cires-brand-clean-inner,
html body .cires-brand-clean-right,
html body .publication-card,
html body .cires-partner-card,
html body .card,
html body .newsletter-input,
html body .cires-newsletter-box{
    border-radius: var(--ed-radius) !important;
    box-shadow: none !important;
}

html body .discover-card,
html body .partner-mini-card,
html body .download-item,
html body .publication-card,
html body .card{
    border: 1px solid var(--ed-rule) !important;
}

/* Cartes : plus de « saut » au survol, juste un filet orange */
html body .cires-project-card-noimage-v2,
html body .cires-news-card{
    border: 1px solid var(--ed-rule) !important;
    border-top: 3px solid var(--ed-brown) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color .2s ease !important;
}
html body .cires-project-card-noimage-v2:hover,
html body .cires-news-card:hover{
    transform: none !important;
    box-shadow: none !important;
    border-top-color: var(--ed-orange) !important;
}
html body .cires-news-card:hover .cires-news-img img{
    transform: none !important;
}

/* Titres de cartes */
html body .project-card-content h3,
html body .cires-news-body h3{
    font-size: 1.22rem !important;
    font-weight: 600 !important;
    line-height: 1.32 !important;
}
html body .project-card-content h3 a,
html body .cires-news-body h3 a{
    color: var(--ed-ink) !important;
}
html body .project-card-content h3 a:hover,
html body .cires-news-body h3 a:hover{
    color: var(--ed-orange) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
html body .project-card-content p,
html body .cires-news-body p{
    font-size: 15.5px !important;
    color: var(--ed-muted) !important;
}

/* ---------------------------------------------------------------------
   3. Étiquettes : fini les pastilles colorées, place au texte de rubrique
   --------------------------------------------------------------------- */
html body .project-type-badge,
html body .project-status-badge,
html body .cires-news-meta span,
html body .premium-badge{
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-family: var(--ed-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
html body .project-type-badge,
html body .cires-news-meta span,
html body .premium-badge{
    color: var(--ed-orange) !important;
}
html body .project-status-badge{
    color: var(--ed-muted) !important;
    font-weight: 600 !important;
}
html body .project-status-badge.is-ongoing{
    color: #2f6b3a !important;
}
html body .project-status-badge.is-ongoing::before{
    content: "● ";
    font-size: 9px;
    vertical-align: 2px;
}
html body .cires-news-meta small{
    font-weight: 500 !important;
    font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------------------------------
   4. Titres de section : alignés à gauche, à empattement, filet au-dessus
   (au lieu du titre gris centré entre deux lignes)
   --------------------------------------------------------------------- */
html body .section-heading-ird{
    display: block !important;
    text-align: left !important;
    min-height: 0 !important;
    margin: 0 0 32px !important;
    padding-top: 18px !important;
    border-top: 1px solid var(--ed-ink) !important;
}
html body .section-heading-ird::before{
    display: none !important;
}
html body .section-heading-ird h2{
    display: block !important;
    background: none !important;
    padding: 0 !important;
    color: var(--ed-ink) !important;
    font-size: clamp(1.6rem, 1.1rem + 1.6vw, 2.25rem) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.015em !important;
    text-transform: none !important;
}
/* « Voir tout » : lien texte souligné, aligné à gauche */
html body .section-link-ird{
    display: inline-block !important;
    margin-top: 28px !important;
    text-align: left !important;
    color: var(--ed-brown) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px !important;
}
html body .section-link-ird::after{ content: " →"; }
html body .section-link-ird:hover{ color: var(--ed-orange) !important; }

/* « Lire plus » des cartes */
html body .project-card-footer a,
html body .cires-news-more{
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    color: var(--ed-brown) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}
html body .project-card-footer a:hover,
html body .cires-news-more:hover{
    color: var(--ed-orange) !important;
}

/* ---------------------------------------------------------------------
   5. Boutons : rectangles sobres, casse normale
   --------------------------------------------------------------------- */
html body .btn,
html body .premium-btn,
html body .newsletter-btn,
html body .btn-contact-institutional{
    border-radius: var(--ed-radius) !important;
    box-shadow: none !important;
    text-transform: none !important;
    font-family: var(--ed-sans) !important;
    font-weight: 600 !important;
    background-image: none !important;
}
html body .btn-contact-institutional,
html body .newsletter-btn{
    background-color: var(--ed-orange) !important;
    border-color: var(--ed-orange) !important;
}
html body .btn-contact-institutional:hover,
html body .newsletter-btn:hover{
    background-color: var(--ed-orange-dark) !important;
    border-color: var(--ed-orange-dark) !important;
}

/* ---------------------------------------------------------------------
   6. Menu : casse normale, pas de pastille sur l'élément actif
   --------------------------------------------------------------------- */
html body .site-header .nav-link{
    text-transform: none !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    white-space: nowrap;
}
html body .site-header .nav-link.active,
html body .site-header a.active{
    border-radius: 0 !important;
}
html body .dropdown-menu{
    border-radius: var(--ed-radius) !important;
    border: 1px solid var(--ed-rule) !important;
    box-shadow: 0 6px 18px rgba(32, 21, 17,.08) !important;
}
html body .dropdown-item{
    font-size: 15px !important;
    text-transform: none !important;
}

/* Bandeau du logo : nom de l'institution en titre à empattement */
html body .cires-brand-clean-inner{
    border: 0 !important;
    background: transparent !important;
}

/* ---------------------------------------------------------------------
   7. Petits éléments décoratifs « gadget »
   --------------------------------------------------------------------- */
html body .discover-icon,
html body .schedule-icon,
html body .cires-number-icon{
    border-radius: 0 !important;
    box-shadow: none !important;
}
html body .orange-line,
html body .cires-small-line{
    border-radius: 0 !important;
    height: 2px !important;
}
html body .carousel-indicators [data-bs-target],
html body .carousel-indicators button{
    border-radius: 0 !important;
}

/* Chiffres clés : chiffres à empattement, alignés */
html body .cires-numbers-bar [data-count],
html body [class*="number-value"]{
    font-family: var(--ed-serif) !important;
    font-weight: 600 !important;
    font-variant-numeric: lining-nums tabular-nums;
}

/* =====================================================================
   8. PAGES INTÉRIEURES — règles par familles de composants
   (les pages définissent chacune leurs styles : *-card, *-badge, *-btn…)
   ===================================================================== */

/* 8.1 Cartes et blocs : angles nets, filet fin au lieu de l'ombre */
html body main [class$="-card"], html body main [class*="-card "],
html body section [class$="-card"], html body section [class*="-card "],
html body [class$="-filter-card"], html body [class$="-filter-box"], html body .video-filter,
html body .news-featured, html body .project-featured, html body .related-section,
html body .context-block, html body .context-cta, html body .mission-cta,
html body .context-visual-inner, html body .mission-visual-inner,
html body .org-node, html body .org-panel, html body .org-note, html body .org-chart-wrapper,
html body .news-not-found, html body .error-box, html body .staff-table-wrap,
html body .context-breadcrumb{
    border-radius: var(--ed-radius) !important;
    box-shadow: none !important;
}
html body main [class$="-card"], html body section [class$="-card"],
html body [class$="-filter-card"], html body [class$="-filter-box"], html body .video-filter,
html body .news-featured, html body .project-featured, html body .related-section,
html body .context-block, html body .org-node, html body .org-panel, html body .org-note,
html body .news-not-found, html body .error-box{
    border: 1px solid var(--ed-rule) !important;
}
html body [class$="-card"]:hover, html body [class*="-card "]:hover,
html body .news-featured:hover, html body .project-featured:hover{
    transform: none !important;
    box-shadow: none !important;
}
html body [class$="-card"]:hover img, html body .news-featured:hover img{
    transform: none !important;
}

/* 8.2 Étiquettes et pastilles → petites étiquettes rectangulaires */
html body [class$="-badge"], html body [class*="-badge "],
html body [class$="-category"], html body [class*="-pill"],
html body .project-card-small, html body .badge-float, html body .current-badge-float,
html body .objectives-number{
    border-radius: var(--ed-radius) !important;
    box-shadow: none !important;
    font-family: var(--ed-sans) !important;
    letter-spacing: .06em !important;
}

/* 8.3 Boutons et liens d'action : rectangles sobres, casse normale */
html body [class$="-btn"]:not(.video-play-btn):not(.navbar-toggler),
html body [class*="-btn "]:not(.video-play-btn),
html body [class*="read-more"], html body [class*="reset-link"],
html body .cta-btn, html body .back-link, html body .related-link,
html body .form-control, html body .form-select{
    border-radius: var(--ed-radius) !important;
    box-shadow: none !important;
    background-image: none;
}
html body [class$="-btn"]:not(.video-play-btn),
html body [class*="read-more"], html body .cta-btn, html body .back-link, html body .related-link{
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
}
html body .form-control:focus, html body .form-select:focus{
    border-color: var(--ed-brown) !important;
    box-shadow: 0 0 0 2px rgba(43, 28, 23,.15) !important;
}

/* 8.4 Pictogrammes dans des carrés arrondis */
html body [class$="-icon"]:not(.navbar-toggler-icon){
    border-radius: var(--ed-radius) !important;
    box-shadow: none !important;
}

/* 8.5 Bandeaux de titre (« hero ») : on retire les bulles décoratives */
html body [class$="-hero"]::before,
html body [class$="-hero"]::after,
html body [class$="-visual"]::before,
html body [class$="-visual"]::after{
    display: none !important;
}
html body [class$="-hero"] h1{
    font-size: clamp(2rem, 1.3rem + 2.4vw, 3.1rem) !important;
    letter-spacing: -0.02em !important;
}

/* 8.6 Sur-titres en majuscules : plus discrets */
html body .section-kicker-custom, html body .section-link,
html body .video-category, html body .ur-type-badge{
    letter-spacing: .08em !important;
    font-weight: 700 !important;
}

/* 8.7 Écran de chargement : carré, sans ombre */
html body .loader-box{
    border-radius: var(--ed-radius) !important;
    box-shadow: none !important;
}

/* =====================================================================
   9. EN-TÊTE MOBILE COMPACT
   Avant : ~460 px avant le contenu. Après : une barre de langue fine,
   puis logo + nom sur une ligne, puis le bouton menu.
   ===================================================================== */
@media (max-width: 767.98px){
    html body .header-topbar{
        padding: 6px 0 !important;
    }
    html body .header-topbar .topbar-left,
    html body .header-topbar .topbar-socials,
    html body .header-topbar .topbar-separator{
        display: none !important;
    }
    html body .header-topbar-inner,
    html body .header-topbar .topbar-right{
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    html body .language-switch{
        display: flex !important;
        gap: 6px !important;
        margin: 0 !important;
    }
    html body .language-switch a{
        padding: 3px 10px !important;
        font-size: 13px !important;
        border-radius: var(--ed-radius) !important;
    }

    html body .cires-brand-clean{
        padding: 10px 0 !important;
    }
    html body .cires-brand-clean-inner{
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
        gap: 0 !important;
    }
    html body .cires-brand-clean-left{
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        text-align: left !important;
        margin: 0 !important;
    }
    html body .cires-brand-clean-left img{
        width: 46px !important;
        height: 46px !important;
        max-width: 46px !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    html body .cires-brand-clean-left h1{
        font-size: 1.35rem !important;
        margin: 0 !important;
        line-height: 1.1 !important;
    }
    html body .cires-brand-clean-left p{
        font-size: 12.5px !important;
        line-height: 1.3 !important;
        margin: 2px 0 0 !important;
    }
    html body .cires-brand-clean-right{
        display: none !important;
    }
    html body .header-navline .navbar-toggler{
        margin: 6px 0 6px auto !important;
        padding: 4px 10px !important;
        border-radius: var(--ed-radius) !important;
    }

    /* Diaporama : flèches sous le titre plutôt que dessus */
    html body .hero-section .carousel-control-prev,
    html body .hero-section .carousel-control-next{
        top: auto !important;
        bottom: 8px !important;
        transform: none !important;
        width: 36px !important;
        height: 36px !important;
    }
}

/* =====================================================================
   10. BOOTSTRAP SANS BLEU
   Bootstrap (chargé depuis le CDN) colore par défaut en bleu les liens,
   boutons « primary », focus, cases à cocher, pagination, etc.
   ===================================================================== */
:root, [data-bs-theme="light"]{
    --bs-primary: #df5a1b;
    --bs-primary-rgb: 223, 90, 27;
    --bs-primary-text-emphasis: #7a2e0b;
    --bs-primary-bg-subtle: #fbe6dc;
    --bs-primary-border-subtle: #f3bfa5;
    --bs-blue: #df5a1b;
    --bs-indigo: #2b1c17;
    --bs-cyan: #8a7468;
    --bs-info: #8a7468;
    --bs-info-rgb: 138, 116, 104;
    --bs-info-text-emphasis: #3f2f28;
    --bs-info-bg-subtle: #f3eeea;
    --bs-info-border-subtle: #ddd2cb;
    --bs-dark: #2b1c17;
    --bs-dark-rgb: 43, 28, 23;
    --bs-link-color: #bf4711;
    --bs-link-color-rgb: 191, 71, 17;
    --bs-link-hover-color: #2b1c17;
    --bs-link-hover-color-rgb: 43, 28, 23;
    --bs-focus-ring-color: rgba(223, 90, 27, .25);
}
html body .btn-primary{
    --bs-btn-bg: #df5a1b; --bs-btn-border-color: #df5a1b;
    --bs-btn-hover-bg: #bf4711; --bs-btn-hover-border-color: #bf4711;
    --bs-btn-active-bg: #a63d0f; --bs-btn-active-border-color: #a63d0f;
    --bs-btn-disabled-bg: #df5a1b; --bs-btn-disabled-border-color: #df5a1b;
    --bs-btn-focus-shadow-rgb: 223, 90, 27;
}
html body .btn-outline-primary{
    --bs-btn-color: #bf4711; --bs-btn-border-color: #df5a1b;
    --bs-btn-hover-bg: #df5a1b; --bs-btn-hover-border-color: #df5a1b; --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: #bf4711; --bs-btn-active-border-color: #bf4711;
}
html body .btn-info, html body .btn-outline-info{
    --bs-btn-bg: #2b1c17; --bs-btn-border-color: #2b1c17; --bs-btn-color: #fff;
    --bs-btn-hover-bg: #000; --bs-btn-hover-border-color: #000; --bs-btn-hover-color: #fff;
}
html body .form-check-input:checked{
    background-color: #df5a1b !important;
    border-color: #df5a1b !important;
}
html body .form-check-input:focus,
html body .btn:focus-visible{
    border-color: #df5a1b !important;
    box-shadow: 0 0 0 .2rem rgba(223, 90, 27, .25) !important;
}
html body .page-link{ color: #bf4711; }
html body .page-item.active .page-link,
html body .active > .page-link{
    background-color: #df5a1b !important;
    border-color: #df5a1b !important;
    color: #fff !important;
}
html body .nav-pills .nav-link.active,
html body .list-group-item.active,
html body .dropdown-item.active,
html body .dropdown-item:active{
    background-color: #df5a1b !important;
    border-color: #df5a1b !important;
    color: #fff !important;
}
html body .progress-bar{ background-color: #df5a1b; }
html body .text-primary{ color: #df5a1b !important; }
html body .bg-primary{ background-color: #df5a1b !important; }
html body .text-info{ color: #8a7468 !important; }
html body .bg-info{ background-color: #8a7468 !important; }
html body ::selection{ background: rgba(223, 90, 27, .22); }
html body p a:not([class]){ color: #bf4711; text-decoration: underline; text-underline-offset: 2px; }
html body p a:not([class]):hover{ color: #2b1c17; }

/* =====================================================================
   11. BOOTSTRAP : gris bleutés et sous-menus
   Les gris de Bootstrap (#f8f9fa, #e9ecef, #dee2e6, #212529…) sont
   légèrement bleus, et le sous-menu utilise un bleu vif (#0d6efd) écrit
   en dur au clic. On les remplace par des tons chauds de la charte.
   ===================================================================== */
:root, [data-bs-theme="light"]{
    --bs-body-color: #201511;
    --bs-body-color-rgb: 32, 21, 17;
    --bs-emphasis-color: #000;
    --bs-secondary-color: rgba(32, 21, 17, .72);
    --bs-tertiary-color: rgba(32, 21, 17, .5);
    --bs-secondary-bg: #efebe6;
    --bs-tertiary-bg: #f7f4f0;
    --bs-border-color: #e2dcd5;
    --bs-border-color-translucent: rgba(43, 28, 23, .14);
    --bs-gray-100: #f7f4f0; --bs-gray-200: #efebe6; --bs-gray-300: #e2dcd5;
    --bs-gray-400: #cdc4bb; --bs-gray-500: #ab9f95; --bs-gray-600: #7b6d64;
    --bs-gray-700: #54473f; --bs-gray-800: #362a24; --bs-gray-900: #201511;
    --bs-light: #f7f4f0; --bs-light-rgb: 247, 244, 240;
    --bs-secondary: #7b6d64; --bs-secondary-rgb: 123, 109, 100;
}

/* Sous-menus : survol orange très pâle, clic/actif orange plein */
html body .dropdown-menu{
    --bs-dropdown-color: #201511;
    --bs-dropdown-link-color: #201511;
    --bs-dropdown-link-hover-color: #bf4711;
    --bs-dropdown-link-hover-bg: #fbeee6;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #df5a1b;
    --bs-dropdown-border-color: #e2dcd5;
    --bs-dropdown-divider-bg: #e2dcd5;
}
html body .dropdown-item:hover,
html body .dropdown-item:focus{
    background-color: #fbeee6 !important;
    color: #bf4711 !important;
}
html body .dropdown-item:active,
html body .dropdown-item.active{
    background-color: #df5a1b !important;
    color: #fff !important;
}

/* Champs de formulaire : contour au focus (Bootstrap = #86b7fe bleu) */
html body .form-control:focus,
html body .form-select:focus{
    border-color: #df5a1b !important;
    box-shadow: 0 0 0 .2rem rgba(223, 90, 27, .18) !important;
}
html body .form-check-input:focus{ border-color: #df5a1b !important; }

/* Autres composants Bootstrap aux bleus écrits en dur */
html body .accordion{
    --bs-accordion-active-color: #7a2e0b;
    --bs-accordion-active-bg: #fbeee6;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .2rem rgba(223, 90, 27, .18);
}
html body .nav-tabs .nav-link.active{ color: #201511; }
html body .nav-link{ --bs-nav-link-color: #bf4711; --bs-nav-link-hover-color: #2b1c17; }
html body .list-group{ --bs-list-group-active-bg: #df5a1b; --bs-list-group-active-border-color: #df5a1b; }
html body .pagination{
    --bs-pagination-color: #bf4711; --bs-pagination-hover-color: #2b1c17;
    --bs-pagination-focus-color: #2b1c17;
    --bs-pagination-focus-box-shadow: 0 0 0 .2rem rgba(223, 90, 27, .18);
    --bs-pagination-active-bg: #df5a1b; --bs-pagination-active-border-color: #df5a1b;
}
html body .table{ --bs-table-color: #201511; --bs-table-border-color: #e2dcd5; }
html body .alert-info{ --bs-alert-color: #3f2f28; --bs-alert-bg: #f3eeea; --bs-alert-border-color: #ddd2cb; }
html body .alert-primary{ --bs-alert-color: #7a2e0b; --bs-alert-bg: #fbe6dc; --bs-alert-border-color: #f3bfa5; }
html body .alert-light{ --bs-alert-color: #54473f; --bs-alert-bg: #fcfaf8; --bs-alert-border-color: #efebe6; }

/* =====================================================================
   12. FICHES CHERCHEURS — l'orange réservé au survol et à la flèche
   (avant : nom, grade, icônes et e-mails tous en orange)
   ===================================================================== */
html body .researcher-premium-card h3,
html body .researcher-premium-card h3 a,
html body .researcher-premium-card h3 .section-link{
    color: var(--ed-ink) !important;
    font-family: var(--ed-serif) !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.005em !important;
    text-transform: none !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
}
html body .researcher-premium-card h3 a:hover{
    color: var(--ed-orange) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}
html body .researcher-premium-card h3 a::after,
html body .researcher-premium-card h3 a i{
    color: var(--ed-orange) !important;
}

/* Grade : texte de rubrique gris chaud, sans fond coloré */
html body .researcher-grade,
html body .researcher-grade-badge{
    background: transparent !important;
    color: var(--ed-muted) !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}
html body .researcher-grade i,
html body .researcher-grade-badge i,
html body .researcher-speciality i,
html body .researcher-email-list i,
html body .researcher-contact-list i{
    color: #ab9f95 !important;
}
html body .researcher-speciality{
    color: var(--ed-ink) !important;
    font-size: 15px !important;
}

/* E-mails : texte neutre, orange seulement au survol */
html body .researcher-email-list a,
html body .researcher-email-list span,
html body .researcher-contact-list a{
    color: #54473f !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}
html body .researcher-email-list a:hover,
html body .researcher-contact-list a:hover{
    color: var(--ed-orange) !important;
    text-decoration: underline !important;
}

/* Avatar à initiales : beige neutre, sans halo */
html body .researcher-avatar{
    box-shadow: none !important;
}
/* Cartes de chiffres : trait orange conservé, icônes neutres */
html body .researchers-stat-card i,
html body .project-stat-card i,
html body .stat-card i{
    color: var(--ed-brown) !important;
    opacity: .55;
}