/* ========================================================================== */
/* Bandeaux palme - page Instituts & independantes                           */
/* ========================================================================== */

:root {
  --pal-image: url("../assets/images/metiers/palmejour.webp");
  --pal-veil: rgba(252, 249, 246, 0.24);
}

html.theme-dark,
html[data-theme="dark"] {
  --pal-image: url("../assets/images/metiers/palmenuit.webp");
  --pal-veil: rgba(6, 10, 30, 0.72);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --pal-image: url("../assets/images/metiers/palmenuit.webp");
    --pal-veil: rgba(6, 10, 30, 0.72);
  }
}

html:not(.theme-dark) body.institutes-page #contenu > .section.section-aqua,
html.theme-dark body.institutes-page #contenu > .section.section-aqua {
  background: var(--color-soft) !important;
}

html:not(.theme-dark) body.institutes-page #contenu > .section.section-aqua::before,
html.theme-dark body.institutes-page #contenu > .section.section-aqua::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(var(--pal-veil), var(--pal-veil)),
    var(--pal-image) left center / cover no-repeat !important;
}

html:not(.theme-dark) body.institutes-page #contenu > .section.section-mist.section-aqua::before,
html.theme-dark body.institutes-page #contenu > .section.section-mist.section-aqua::before {
  transform: scaleY(-1);
}

html:not(.theme-dark) body.institutes-page .section-aqua .card,
html:not(.theme-dark) body.institutes-page .section-aqua .sector-editorial-chapter {
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

html.theme-dark body.institutes-page .section-aqua .card,
html.theme-dark body.institutes-page .section-aqua .sector-editorial-chapter {
  background: rgba(17, 24, 61, 0.84) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

@media (max-width: 720px) {
  html:not(.theme-dark) body.institutes-page #contenu > .section.section-aqua::before,
  html.theme-dark body.institutes-page #contenu > .section.section-aqua::before {
    background:
      linear-gradient(var(--pal-veil), var(--pal-veil)),
      var(--pal-image) top center / 170vw auto repeat-y,
      var(--color-soft) !important;
  }

  body.institutes-page #contenu > .section.section-aqua h2 {
    text-wrap: balance;
  }
}

html.theme-dark body.institutes-page,
html[data-theme="dark"] body.institutes-page {
  --dark-body-cloud-opacity: 0;
}

html.theme-dark body.institutes-page #contenu > .section:not(.conversion-band)::after,
html[data-theme="dark"] body.institutes-page #contenu > .section:not(.conversion-band)::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  background: none !important;
  opacity: 0 !important;
}

html.theme-dark body.institutes-page #contenu > .section:not(.conversion-band):not(.section-aqua)::before,
html[data-theme="dark"] body.institutes-page #contenu > .section:not(.conversion-band):not(.section-aqua)::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

body.institutes-page .institutes-team-issue h3 {
  margin: 0 0 0.75rem;
  color: var(--color-accent);
  font-size: 1.18rem;
  line-height: 1.25;
}

body.institutes-page .institutes-team-issue-accordion > summary h3 {
  margin: 0;
}

body.institutes-page .institutes-team-issue p {
  margin: 0;
}

body.institutes-page .institutes-team-issue p + p {
  margin-top: 0.75rem;
}

body.institutes-page .institutes-team-issue-benefit {
  font-weight: 500;
}

body.institutes-page .institutes-onboarding-block {
  display: grid;
  grid-template-columns: minmax(190px, 0.75fr) minmax(280px, 1.35fr) minmax(230px, 0.9fr);
  gap: 1.5rem;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
  padding: 1.35rem 1.5rem;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-bg);
}

body.institutes-page .institutes-onboarding-heading {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

body.institutes-page .institutes-onboarding-pictogram {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
}

body.institutes-page .institutes-onboarding-heading h3,
body.institutes-page .institutes-onboarding-copy,
body.institutes-page .institutes-onboarding-benefit {
  margin: 0;
}

body.institutes-page .institutes-onboarding-heading h3 {
  color: var(--color-accent);
  font-size: 1.18rem;
  font-weight: 500;
  line-height: 1.25;
}

body.institutes-page .institutes-onboarding-copy,
body.institutes-page .institutes-onboarding-benefit {
  font-size: 0.95rem;
  line-height: 1.6;
}

body.institutes-page .institutes-onboarding-benefit {
  position: relative;
  overflow: hidden;
  padding: 0.9rem 1rem;
  border-left: 0;
  border-radius: 0 10px 10px 0;
  background: #eaf5ff;
  color: var(--color-primary);
}

body.institutes-page .institutes-onboarding-benefit::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #540ce4 0%, #00b0ff 100%);
}

body.institutes-page .institutes-onboarding-benefit strong {
  color: var(--color-primary);
}

html.theme-dark body.institutes-page .institutes-onboarding-benefit {
  color: #f3f6ff;
  border-color: #9b7cff;
  background: linear-gradient(135deg, #26365f 0%, #2a3e68 52%, #304673 100%);
}

html.theme-dark body.institutes-page .institutes-onboarding-benefit strong {
  color: #fff;
}

@media (max-width: 960px) {
  body.institutes-page .institutes-onboarding-block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  body.institutes-page .institutes-onboarding-block > summary {
    width: 100%;
    box-sizing: border-box;
  }

  body.institutes-page .institutes-onboarding-heading {
    min-width: 0;
    flex: 1 1 auto;
  }
}

@media (max-width: 720px) {
  body.institutes-page .institutes-onboarding-block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    padding: 1.2rem;
  }

  body.institutes-page .institutes-onboarding-heading {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
  }

  body.institutes-page .institutes-onboarding-pictogram { order: 1; }
  body.institutes-page .institutes-onboarding-heading h3 { order: 2; }
  body.institutes-page .institutes-onboarding-copy { order: 3; }
  body.institutes-page .institutes-onboarding-benefit { order: 4; }
}

html:not(.theme-dark) body.institutes-page {
  --institutes-day-lavender: #eee8fa;
  --institutes-day-violet: #6b4bb3;
  --institutes-day-violet-electric: #5e17eb;
  --institutes-day-liseret: linear-gradient(180deg, #540ce4 0%, #5e17eb 52%, #00b0ff 100%);
  --institutes-day-border: rgba(94, 23, 235, 0.22);
}

html:not(.theme-dark) body.institutes-page .institutes-reality-conclusion,
html:not(.theme-dark) body.institutes-page .institutes-editorial-benefit,
html:not(.theme-dark) body.institutes-page .institutes-onboarding-benefit,
html:not(.theme-dark) body.institutes-page .institutes-method-conclusion {
  position: relative;
  overflow: hidden;
  border-color: var(--institutes-day-border) !important;
  background: var(--institutes-day-lavender) !important;
  color: #1e2a50 !important;
  box-shadow: none !important;
}

html:not(.theme-dark) body.institutes-page .institutes-reality-conclusion::before,
html:not(.theme-dark) body.institutes-page .institutes-editorial-benefit::before,
html:not(.theme-dark) body.institutes-page .institutes-onboarding-benefit::before,
html:not(.theme-dark) body.institutes-page .institutes-method-conclusion::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px !important;
  background: var(--institutes-day-liseret) !important;
}

html:not(.theme-dark) body.institutes-page .institutes-method-conclusion {
  padding: 0.9rem 1.15rem !important;
  border-left: 0 !important;
  border-radius: 0 10px 10px 0;
  line-height: 1.55;
}

html:not(.theme-dark) body.institutes-page .institutes-reality-conclusion strong,
html:not(.theme-dark) body.institutes-page .institutes-editorial-benefit strong,
html:not(.theme-dark) body.institutes-page .institutes-onboarding-benefit strong,
html:not(.theme-dark) body.institutes-page .institutes-method-conclusion strong {
  color: #1e2a50 !important;
}

html[data-theme="light"] body.institutes-page .institutes-onboarding-heading h3 {
  font-weight: 500;
}

@media (prefers-color-scheme: light) {
  html:not(.theme-dark):not([data-theme="dark"]) body.institutes-page .institutes-onboarding-heading h3 {
    font-weight: 500;
  }
}

html:not(.theme-dark) body.institutes-page #contenu > .section:not(.conversion-band) > .container > .eyebrow {
  color: var(--institutes-day-violet-electric) !important;
}

html:not(.theme-dark) body.institutes-page .faq-accordion-item summary {
  color: var(--institutes-day-violet) !important;
}

body.institutes-page .faq-accordion-item summary {
  font-weight: 500;
}

html:not(.theme-dark) body.institutes-page .faq-accordion,
html:not(.theme-dark) body.institutes-page .faq-accordion-item {
  border-color: rgba(107, 75, 179, 0.14);
}

html:not(.theme-dark) body.institutes-page #contenu > .institutes-method-section::before,
html:not(.theme-dark) body.institutes-page #contenu > .faq-section::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

html:not(.theme-dark) body.institutes-page #contenu > .section.section-mist.section-aqua p > a,
html:not(.theme-dark) body.institutes-page #contenu > .section.section-mist.section-aqua a[href$="medecine-esthetique/index.html"] {
  color: #6b4bb3 !important;
  -webkit-text-fill-color: #6b4bb3 !important;
}

html.theme-dark body.institutes-page #contenu > .section.section-soft.section-aqua .institutes-editorial-content p > a,
html[data-theme="dark"] body.institutes-page #contenu > .section.section-soft.section-aqua .institutes-editorial-content p > a {
  color: #b69cff !important;
  -webkit-text-fill-color: #b69cff !important;
}

html.theme-dark body.institutes-page #contenu > .section.section-mist.section-aqua p > a,
html[data-theme="dark"] body.institutes-page #contenu > .section.section-mist.section-aqua p > a,
html.theme-dark body.institutes-page #contenu > .section.section-mist.section-aqua a[href$="medecine-esthetique/index.html"],
html[data-theme="dark"] body.institutes-page #contenu > .section.section-mist.section-aqua a[href$="medecine-esthetique/index.html"] {
  color: #b69cff !important;
  -webkit-text-fill-color: #b69cff !important;
}
html.theme-dark body.institutes-page #contenu > .section.section-mist.section-aqua .feature-list li::before,
html[data-theme="dark"] body.institutes-page #contenu > .section.section-mist.section-aqua .feature-list li::before {
  background: linear-gradient(135deg, #008bd1, #4f46c7) !important;
}

body.institutes-page .institutes-reality-metric {
  position: relative;
  border-left: 0 !important;
}

body.institutes-page .institutes-reality-metric::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, #540ce4 0%, #5e17eb 52%, #00b0ff 100%);
}

html:not(.theme-dark) body.institutes-page .institutes-team-issue h3 {
  color: #6b4bb3 !important;
}

html:not(.theme-dark) body.institutes-page .institutes-reality-list > li:nth-child(-n+5),
html.theme-dark body.institutes-page .institutes-reality-list > li:nth-child(-n+5),
html[data-theme="dark"] body.institutes-page .institutes-reality-list > li:nth-child(-n+5) {
  font-weight: 400 !important;
}

html:not(.theme-dark) body.institutes-page .institutes-reality-issue-label {
  color: #25325f !important;
  font-weight: 600 !important;
}

html.theme-dark body.institutes-page .institutes-reality-list > li:nth-child(-n+5),
html[data-theme="dark"] body.institutes-page .institutes-reality-list > li:nth-child(-n+5) {
  color: #d9e0f3 !important;
}

html.theme-dark body.institutes-page .institutes-reality-issue-label,
html[data-theme="dark"] body.institutes-page .institutes-reality-issue-label {
  color: #eef2ff !important;
  font-weight: 600 !important;
}

html.theme-dark body.institutes-page .institutes-team-issue h3,
html[data-theme="dark"] body.institutes-page .institutes-team-issue h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.theme-dark body.institutes-page .section-aqua .institutes-editorial-chapter,
html[data-theme="dark"] body.institutes-page .section-aqua .institutes-editorial-chapter,
html.theme-dark body.institutes-page .institutes-onboarding-block,
html[data-theme="dark"] body.institutes-page .institutes-onboarding-block,
html.theme-dark body.institutes-page .institutes-method-card,
html[data-theme="dark"] body.institutes-page .institutes-method-card {
  background: linear-gradient(135deg, rgba(17, 24, 61, 0.76) 0%, rgba(30, 42, 80, 0.76) 58%, rgba(39, 52, 124, 0.76) 100%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

html.theme-dark body.institutes-page .institutes-method-card,
html[data-theme="dark"] body.institutes-page .institutes-method-card {
  background: linear-gradient(135deg, rgba(17, 24, 61, 0.90) 0%, rgba(30, 42, 80, 0.90) 58%, rgba(39, 52, 124, 0.90) 100%) !important;
}

html.theme-dark body.institutes-page .institutes-onboarding-benefit,
html[data-theme="dark"] body.institutes-page .institutes-onboarding-benefit {
  background: #a9c0dc !important;
  color: #14244a !important;
  border-color: rgba(0, 176, 255, 0.14) !important;
}

html.theme-dark body.institutes-page .institutes-onboarding-benefit::before,
html[data-theme="dark"] body.institutes-page .institutes-onboarding-benefit::before {
  width: 4px !important;
  background: linear-gradient(180deg, rgba(94, 23, 235, 0.82), rgba(0, 176, 255, 0.76)) !important;
}

html.theme-dark body.institutes-page .institutes-onboarding-benefit strong,
html[data-theme="dark"] body.institutes-page .institutes-onboarding-benefit strong {
  color: #14244a !important;
}

html.theme-dark body.institutes-page #contenu > .section.section-soft.section-aqua > .container > .eyebrow,
html[data-theme="dark"] body.institutes-page #contenu > .section.section-soft.section-aqua > .container > .eyebrow,
html.theme-dark body.institutes-page #contenu > .section.section-mist.section-aqua > .container > .eyebrow,
html[data-theme="dark"] body.institutes-page #contenu > .section.section-mist.section-aqua > .container > .eyebrow {
  color: #b69cff !important;
  -webkit-text-fill-color: #b69cff !important;
}

html.theme-dark body.institutes-page .institutes-team-issue-benefit,
html[data-theme="dark"] body.institutes-page .institutes-team-issue-benefit {
  padding-left: 1rem !important;
}

html.theme-dark body.institutes-page .institutes-method-conclusion,
html[data-theme="dark"] body.institutes-page .institutes-method-conclusion {
  padding: 0.9rem 1.15rem !important;
}

/* Mode nuit : transparence renforcée des blocs lavande pour réduire leur luminosité. */
html.theme-dark body.institutes-page .institutes-reality-conclusion,
html[data-theme="dark"] body.institutes-page .institutes-reality-conclusion,
html.theme-dark body.institutes-page .institutes-editorial-benefit,
html[data-theme="dark"] body.institutes-page .institutes-editorial-benefit,
html.theme-dark body.institutes-page .institutes-method-conclusion,
html[data-theme="dark"] body.institutes-page .institutes-method-conclusion,
html.theme-dark body.institutes-page .institutes-onboarding-benefit,
html[data-theme="dark"] body.institutes-page .institutes-onboarding-benefit {
  background: rgba(226, 216, 247, 0.62) !important;
  color: #1e2a50 !important;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body.institutes-page .institutes-reality-conclusion,
  html:not([data-theme="light"]) body.institutes-page .institutes-editorial-benefit,
  html:not([data-theme="light"]) body.institutes-page .institutes-method-conclusion,
  html:not([data-theme="light"]) body.institutes-page .institutes-onboarding-benefit {
    background: rgba(226, 216, 247, 0.62) !important;
    color: #1e2a50 !important;
  }
}

html.theme-dark body.institutes-page .institutes-reality-conclusion strong,
html[data-theme="dark"] body.institutes-page .institutes-reality-conclusion strong,
html.theme-dark body.institutes-page .institutes-editorial-benefit strong,
html[data-theme="dark"] body.institutes-page .institutes-editorial-benefit strong,
html.theme-dark body.institutes-page .institutes-method-conclusion strong,
html[data-theme="dark"] body.institutes-page .institutes-method-conclusion strong,
html.theme-dark body.institutes-page .institutes-onboarding-benefit strong,
html[data-theme="dark"] body.institutes-page .institutes-onboarding-benefit strong {
  color: #1e2a50 !important;
}

/* Tablette nuit : opacité réelle à 76 %, sans flou masquant la transparence. */
@media (min-width: 721px) and (max-width: 1440px) {
  html.theme-dark body.institutes-page .section-aqua .institutes-editorial-chapter,
  html[data-theme="dark"] body.institutes-page .section-aqua .institutes-editorial-chapter,
  html.theme-dark body.institutes-page .institutes-onboarding-block,
  html[data-theme="dark"] body.institutes-page .institutes-onboarding-block {
    background: linear-gradient(135deg, rgba(17, 24, 61, 0.76) 0%, rgba(30, 42, 80, 0.76) 58%, rgba(39, 52, 124, 0.76) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (prefers-color-scheme: dark) and (min-width: 721px) and (max-width: 1440px) {
  html:not([data-theme="light"]) body.institutes-page .section-aqua .institutes-editorial-chapter,
  html:not([data-theme="light"]) body.institutes-page .institutes-onboarding-block {
    background: linear-gradient(135deg, rgba(17, 24, 61, 0.76) 0%, rgba(30, 42, 80, 0.76) 58%, rgba(39, 52, 124, 0.76) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Mode nuit : le titre FAQ reste blanc ; les questions reprennent le violet des cartes systèmes. */
html.theme-dark body.institutes-page .faq-section h2,
html[data-theme="dark"] body.institutes-page .faq-section h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.theme-dark body.institutes-page .faq-accordion-item summary,
html[data-theme="dark"] body.institutes-page .faq-accordion-item summary {
  color: #b69cff !important;
  -webkit-text-fill-color: #b69cff !important;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body.institutes-page .faq-section h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html:not([data-theme="light"]) body.institutes-page .faq-accordion-item summary {
    color: #b69cff !important;
    -webkit-text-fill-color: #b69cff !important;
  }
}

/* Mode nuit : lavande uniforme pour les intitulés de section, les titres de cartes et le lien sectoriel. */
html.theme-dark body.institutes-page #contenu > .section:not(.conversion-band) > .container > .eyebrow,
html[data-theme="dark"] body.institutes-page #contenu > .section:not(.conversion-band) > .container > .eyebrow,
html.theme-dark body.institutes-page .institutes-editorial-heading h3,
html[data-theme="dark"] body.institutes-page .institutes-editorial-heading h3,
html.theme-dark body.institutes-page .institutes-onboarding-heading h3,
html[data-theme="dark"] body.institutes-page .institutes-onboarding-heading h3,
html.theme-dark body.institutes-page .institutes-method-card .card-title-with-icon,
html[data-theme="dark"] body.institutes-page .institutes-method-card .card-title-with-icon,
html.theme-dark body.institutes-page #contenu > .section.section-mist.section-aqua a[href$="medecine-esthetique/index.html"],
html[data-theme="dark"] body.institutes-page #contenu > .section.section-mist.section-aqua a[href$="medecine-esthetique/index.html"] {
  color: #b69cff !important;
  -webkit-text-fill-color: #b69cff !important;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body.institutes-page #contenu > .section:not(.conversion-band) > .container > .eyebrow,
  html:not([data-theme="light"]) body.institutes-page .institutes-editorial-heading h3,
  html:not([data-theme="light"]) body.institutes-page .institutes-onboarding-heading h3,
  html:not([data-theme="light"]) body.institutes-page .institutes-method-card .card-title-with-icon,
  html:not([data-theme="light"]) body.institutes-page #contenu > .section.section-mist.section-aqua a[href$="medecine-esthetique/index.html"] {
    color: #b69cff !important;
    -webkit-text-fill-color: #b69cff !important;
  }

  html:not([data-theme="light"]) body.institutes-page .institutes-team-issue h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* Mode nuit : le bandeau « Les systèmes que nous mettons en place » est légèrement plus sombre. */
html.theme-dark body.institutes-page #contenu > .section.section-soft.section-aqua::before,
html[data-theme="dark"] body.institutes-page #contenu > .section.section-soft.section-aqua::before {
  background:
    linear-gradient(rgba(6, 10, 30, 0.78), rgba(6, 10, 30, 0.78)),
    var(--pal-image) left center / cover no-repeat !important;
}

@media (max-width: 720px) {
  html.theme-dark body.institutes-page #contenu > .section.section-soft.section-aqua::before,
  html[data-theme="dark"] body.institutes-page #contenu > .section.section-soft.section-aqua::before {
    background:
      linear-gradient(rgba(6, 10, 30, 0.78), rgba(6, 10, 30, 0.78)),
      var(--pal-image) top center / 170vw auto repeat-y,
      var(--color-soft) !important;
  }
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body.institutes-page #contenu > .section.section-soft.section-aqua::before {
    background:
      linear-gradient(rgba(6, 10, 30, 0.78), rgba(6, 10, 30, 0.78)),
      var(--pal-image) left center / cover no-repeat !important;
  }
}

@media (prefers-color-scheme: dark) and (max-width: 720px) {
  html:not([data-theme="light"]) body.institutes-page #contenu > .section.section-soft.section-aqua::before {
    background:
      linear-gradient(rgba(6, 10, 30, 0.78), rgba(6, 10, 30, 0.78)),
      var(--pal-image) top center / 170vw auto repeat-y,
      var(--color-soft) !important;
  }
}

/* Cartes systèmes : titres alignés sur l'impact visuel d'Onboarding & procédures internes. */
body.institutes-page .section-soft.section-aqua .institutes-editorial-heading h3 {
  font-size: 1.18rem;
  line-height: 1.25;
  font-weight: 500;
}

body.institutes-page .section-soft.section-aqua .institutes-editorial-heading .title-pictogram {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
}

/* Bandeau systèmes : blocs Bénéfice plus transparents et texte bleu renforcé sans gras. */
html.theme-dark body.institutes-page .section-soft.section-aqua .institutes-editorial-benefit,
html[data-theme="dark"] body.institutes-page .section-soft.section-aqua .institutes-editorial-benefit,
html.theme-dark body.institutes-page .section-soft.section-aqua .institutes-onboarding-benefit,
html[data-theme="dark"] body.institutes-page .section-soft.section-aqua .institutes-onboarding-benefit {
  background: rgba(226, 216, 247, 0.55) !important;
  color: #1e2a50 !important;
  font-weight: 500;
}

html.theme-dark body.institutes-page .section-soft.section-aqua .institutes-editorial-benefit strong,
html[data-theme="dark"] body.institutes-page .section-soft.section-aqua .institutes-editorial-benefit strong,
html.theme-dark body.institutes-page .section-soft.section-aqua .institutes-onboarding-benefit strong,
html[data-theme="dark"] body.institutes-page .section-soft.section-aqua .institutes-onboarding-benefit strong {
  color: #1e2a50 !important;
  font-weight: 500;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body.institutes-page .section-soft.section-aqua .institutes-editorial-benefit,
  html:not([data-theme="light"]) body.institutes-page .section-soft.section-aqua .institutes-onboarding-benefit {
    background: rgba(226, 216, 247, 0.55) !important;
    color: #1e2a50 !important;
    font-weight: 500;
  }

  html:not([data-theme="light"]) body.institutes-page .section-soft.section-aqua .institutes-editorial-benefit strong,
  html:not([data-theme="light"]) body.institutes-page .section-soft.section-aqua .institutes-onboarding-benefit strong {
    color: #1e2a50 !important;
    font-weight: 500;
  }
}

/* Mobile nuit : une seule palme agrandie, sans répétition verticale ni raccord visible. */
@media (max-width: 720px) {
  html.theme-dark body.institutes-page #contenu > .section.section-aqua::before,
  html[data-theme="dark"] body.institutes-page #contenu > .section.section-aqua::before {
    background:
      linear-gradient(var(--pal-veil), var(--pal-veil)),
      var(--pal-image) center center / cover no-repeat,
      var(--color-soft) !important;
  }

  html.theme-dark body.institutes-page #contenu > .section.section-soft.section-aqua::before,
  html[data-theme="dark"] body.institutes-page #contenu > .section.section-soft.section-aqua::before {
    background:
      linear-gradient(rgba(6, 10, 30, 0.78), rgba(6, 10, 30, 0.78)),
      var(--pal-image) center center / cover no-repeat,
      var(--color-soft) !important;
  }
}

@media (prefers-color-scheme: dark) and (max-width: 720px) {
  html:not([data-theme="light"]) body.institutes-page #contenu > .section.section-aqua::before {
    background:
      linear-gradient(var(--pal-veil), var(--pal-veil)),
      var(--pal-image) center center / cover no-repeat,
      var(--color-soft) !important;
  }

  html:not([data-theme="light"]) body.institutes-page #contenu > .section.section-soft.section-aqua::before {
    background:
      linear-gradient(rgba(6, 10, 30, 0.78), rgba(6, 10, 30, 0.78)),
      var(--pal-image) center center / cover no-repeat,
      var(--color-soft) !important;
  }
}

/* Mobile jour : une seule palme sur le bandeau « Pour qui ? », sans répétition ni raccord visible. */
@media (max-width: 720px) {
  html[data-theme="light"] body.institutes-page #contenu > .section.section-mist.section-aqua::before {
    background:
      linear-gradient(var(--pal-veil), var(--pal-veil)),
      var(--pal-image) center center / cover no-repeat,
      var(--color-soft) !important;
  }
}

@media (prefers-color-scheme: light) and (max-width: 720px) {
  html:not(.theme-dark):not([data-theme="dark"]) body.institutes-page #contenu > .section.section-mist.section-aqua::before {
    background:
      linear-gradient(var(--pal-veil), var(--pal-veil)),
      var(--pal-image) center center / cover no-repeat,
      var(--color-soft) !important;
  }
}

/* Tous supports : texte bleu des blocs lavande plus présent, sans passer en gras. */
body.institutes-page .institutes-reality-conclusion,
body.institutes-page .institutes-editorial-benefit,
body.institutes-page .institutes-method-conclusion,
body.institutes-page .institutes-onboarding-benefit {
  color: #1e2a50 !important;
  font-weight: 550;
}

body.institutes-page .institutes-reality-conclusion strong,
body.institutes-page .institutes-editorial-benefit strong,
body.institutes-page .institutes-method-conclusion strong,
body.institutes-page .institutes-onboarding-benefit strong {
  color: #1e2a50 !important;
  font-weight: 550;
}

/* Réassurance — mode jour uniquement : mêmes puces que « La réalité du métier ». */
html[data-theme="light"] body.institutes-page #contenu > .section.section-mist.section-aqua .feature-list li::before {
  background: linear-gradient(135deg, #00b0ff, var(--color-accent)) !important;
}

@media (prefers-color-scheme: light) {
  html:not(.theme-dark):not([data-theme="dark"]) body.institutes-page #contenu > .section.section-mist.section-aqua .feature-list li::before {
    background: linear-gradient(135deg, #00b0ff, var(--color-accent)) !important;
  }
}

/* La réalité du métier — mode jour uniquement : halo violet légèrement adouci sur tous les supports. */
html[data-theme="light"] body.institutes-page #contenu > .institutes-reality-section::before {
  background: radial-gradient(circle at 88% 14%, rgba(94, 23, 235, 0.035), transparent 34%) !important;
}

@media (prefers-color-scheme: light) {
  html:not(.theme-dark):not([data-theme="dark"]) body.institutes-page #contenu > .institutes-reality-section::before {
    background: radial-gradient(circle at 88% 14%, rgba(94, 23, 235, 0.035), transparent 34%) !important;
  }
}

/* La réalité du métier : titre turnover aligné sur les cinq libellés précédents. */
body.institutes-page .institutes-team-issue h3 {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 600 !important;
}

/* Mode jour uniquement : le titre turnover repasse au même bleu marine que les libellés précédents. */
html[data-theme="light"] body.institutes-page .institutes-team-issue h3 {
  color: #25325f !important;
  -webkit-text-fill-color: #25325f !important;
}

@media (prefers-color-scheme: light) {
  html:not(.theme-dark):not([data-theme="dark"]) body.institutes-page .institutes-team-issue h3 {
    color: #25325f !important;
    -webkit-text-fill-color: #25325f !important;
  }
}