/* Accueil youtips.com (page 361467) : CSS des blocs maison.
   Sorti du contenu de la page le 11 oct. 2026 (analyse des 7 experts, etape 4), dans l'ordre d'origine des blocs.
   Fichier edite a la main : il n'est pas reconstruit par build.txt. Charge en fin de head par mu-plugins/yt-accueil.php,
   version = date du fichier. Pour modifier le style d'un bloc de l'accueil : l'editer ICI, pas dans la page. */

/* ===== Bloc 1 : RECOUVREMENT ET ISOLATION STRICTE (ANTI-KADENCE) ===== */
/* ============ RECOUVREMENT ET ISOLATION STRICTE (ANTI-KADENCE) ============ */
#ya-hero-override,
#ya-hero-override * {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif !important;
}
#ya-hero-override {
  position: relative !important;
  background-color: #0a0a0f !important;   /* fond de secours si l'image tarde/échoue */
  min-height: 85vh !important;       /* fallback navigateurs anciens */
  min-height: 85dvh !important;      /* évite les sauts de hauteur sur mobile */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-image: url('https://www.youtips.com/wp-content/uploads/2026/06/Formation-Logic-Pro-Niveau-1-Composez-vos-maquettes-en-Home-STudio-1.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding: 80px 24px 80px !important;
  color: #ffffff !important;
  -webkit-font-smoothing: antialiased !important;
  text-align: center !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#ya-hero-override .yt-hero-container {
  position: relative !important;
  z-index: 3 !important;
  max-width: 1250px !important;
  margin: 0 auto !important;
  width: 100% !important;
}
/* Overlay en dégradé : un peu plus clair en haut, plus dense en bas (profondeur) */
#ya-hero-override::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg,
    rgba(0, 0, 0, 0.72) 0%,
    rgba(0, 0, 0, 0.88) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  transition: background 0.3s ease !important;
}
/* ============ KEYFRAMES ANIMATION ============ */
@keyframes ytFlatFadeUp {
  from {
    opacity: 0;
    transform: translateY(35px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Flux lent des couleurs de l'arc-en-ciel.
   On anime la teinte (hue-rotate) et non la position du dégradé :
   c'est la seule méthode qui s'anime de façon fiable sur du texte
   détouré (background-clip: text) dans TOUS les navigateurs, Safari inclus. */
@keyframes ytHueFlow {
  to { filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.22)) hue-rotate(360deg); }
}
/* Effet "Dock macOS" 100% CSS (aucun JavaScript). Les lettres sont pré-découpées
   dans le HTML avec les classes .ytl / .ytl-i : un optimiseur "Remove Unused CSS"
   voit ces classes dans le HTML et ne peut donc pas supprimer les règles ni les keyframes. */
#ya-hero-override .yt-hero-title .dockl {
  display: inline-block !important;
  transform-origin: 50% 100% !important;
  transition: transform 0.13s ease-out !important;   /* fluidité du suivi souris */
  will-change: transform;
}
#ya-hero-override .yt-hero-title .yt-word {
  display: inline-block !important;
  white-space: nowrap !important;
}
/* Animation d'ENTRÉE en CSS pur (aucun JavaScript requis) : une vague qui
   soulève les lettres de "Artistes & Musiciens" au chargement. Comme les classes
   sont écrites en dur, aucun optimiseur ne peut la supprimer, et elle joue même
   si le script de suivi souris est bloqué. fill-mode:none -> après, le JS reprend. */
@keyframes ytPop {
  0%   { transform: scaleX(1) scaleY(1); }
  45%  { transform: scaleX(1.22) scaleY(1.5); }
  100% { transform: scaleX(1) scaleY(1); }
}
#ya-hero-override .yt-hero-rainbow-word .dockl {
  animation-name: ytPop !important;
  animation-duration: 0.6s !important;
  animation-timing-function: ease-in-out !important;
  animation-fill-mode: none !important;
}
#ya-hero-override .yt-hero-rainbow-word .ytl-i {
  display: inline-block !important;
  background-image: linear-gradient(90deg,
    #FF375F 0%, #FF9F0A 20%, #FFD60A 40%,
    #32D74B 60%, #0A84FF 80%, #BF5AF2 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
/* Titre H1 entièrement responsive et fluide, sans aucun badge */
#ya-hero-override h1.yt-hero-title {
  font-size: clamp(32px, 7vw, 60px) !important;   /* fluide et cohérent : mobile -> iPad -> desktop */
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.03em !important;
  margin: 0 auto 36px auto !important;
  text-align: center !important;
  text-wrap: balance !important;        /* retours à la ligne plus équilibrés */
  max-width: 1300px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  color: #ffffff !important;
  background: transparent !important;
  text-shadow: none !important;
  opacity: 0;
  animation: ytFlatFadeUp 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  animation-delay: 0.15s !important;
}
#ya-hero-override h1.yt-hero-title ::selection {
  background: #0059D0 !important;
  color: #ffffff !important;
}
/* Word rainbow vif, animé et légèrement haloté pour décoller du fond */
#ya-hero-override .yt-hero-rainbow-word {
  display: inline-block !important;
  white-space: nowrap !important;
  /* Flux de teinte + halo portés par le MOT entier (1 seul élément animé au lieu de 24) → beaucoup plus fluide */
  filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.22)) hue-rotate(0deg);
  animation: ytHueFlow 6s linear infinite !important;
  will-change: filter;
}
/* Chaque MOT du titre coloré est groupé : la coupure ne peut se faire qu'entre
   les mots (aux espaces), jamais au milieu d'un mot. */
#ya-hero-override .yt-rw-word {
  display: inline-block !important;
  white-space: nowrap !important;
}
/* ============ LISTE COMPACTE ET CENTRÉE ============ */
#ya-hero-override .yt-hero-features-wrapper {
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  margin: 0 auto 36px auto !important;
  padding: 0 20px !important;
  max-width: 820px !important;
  text-align: left !important;
  opacity: 0;
  animation: ytFlatFadeUp 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  animation-delay: 0.45s !important;
}
#ya-hero-override .yt-hero-features-list {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important; text-align: center !important; }
/* Les phrases resserrées avec lignes subtiles */
#ya-hero-override .yt-hero-feature-item b,
#ya-hero-override .yt-hero-feature-item strong { font-weight: 700 !important; color: #ffffff !important; margin-right: 6px !important; }
.yt-hero-feature-item {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: #ffffff !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  display: flex !important;
  align-items: flex-start !important;
  text-shadow: none !important; text-align: center !important; justify-content: center !important; }
#ya-hero-override .yt-hero-feature-item:last-child {
  border-bottom: none !important;
}
/* Coche verte */
#ya-hero-override .yt-hero-feature-item::before {
  content: "✓" !important;
  font-weight: 900 !important;
  margin-top: 2px !important;
  margin-right: 14px !important;
  color: #10B981 !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}
/* Pulsation "halo" discrète : joue 2 fois ~2,6 s après le chargement, sur le
   bouton PRINCIPAL uniquement, puis s'arrête (pas de boucle infinie).
   Le halo s'étend hors du bouton sans décaler la mise en page. */
@keyframes ytBtnRing {
  0%   { transform: scale(1);
         box-shadow: 0 0 0 0 rgba(0, 89, 208, 0.90), 0 0 20px 4px rgba(0, 89, 208, 0.55); }
  20%  { transform: scale(1.06); }
  50%  { box-shadow: 0 0 0 26px rgba(0, 89, 208, 0), 0 0 40px 12px rgba(0, 89, 208, 0.40); }
  55%  { transform: scale(1); }
  100% { transform: scale(1);
         box-shadow: 0 0 0 0 rgba(0, 89, 208, 0), 0 0 0 0 rgba(0, 89, 208, 0); }
}
/* ============ BOUTONS FAÇON APPLE ============ */
#ya-hero-override .yt-hero-note {
  margin: 22px auto 0 auto !important; max-width: 760px !important;
  font-size: 14px !important; line-height: 1.6 !important; text-align: center !important;
  color: rgba(255,255,255,0.72) !important; text-shadow: none !important;
}
#ya-hero-override .yt-hero-note strong { color: rgba(255,255,255,0.92) !important; font-weight: 600 !important; }
#ya-hero-override .yt-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 16px !important;
  max-width: 650px !important;
  margin: 0 auto !important;
  opacity: 0;
  animation: ytFlatFadeUp 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  animation-delay: 0.75s !important;
}
#ya-hero-override .yt-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 28px !important;
  border-radius: 980px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
/* Bouton principal Bleu (aligné site) + pulsation halo (2 fois, différée) */
#ya-hero-override .yt-btn-primary {
  background: #0059D0 !important;
  color: #ffffff !important;
  animation: ytBtnRing 1.8s ease-out 2.6s 2 !important;
}
/* Bouton secondaire Translucide Apple */
#ya-hero-override .yt-btn-secondary {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
/* Accessibilité Clavier */
#ya-hero-override .yt-btn:focus-visible {
  outline: 3px solid #10B981 !important;
  outline-offset: 4px !important;
}
/* Retour tactile au clic/tap : léger enfoncement */
#ya-hero-override .yt-btn:active {
  transform: translateY(0) scale(0.97) !important;
  transition: transform 0.08s ease !important;
}
/* Effets de survol : légère montée + zoom discret + halo/ombre douce */
@media (hover: hover) {
  #ya-hero-override .yt-btn-primary:hover {
    background: #0047a8 !important;
    transform: translateY(-2px) scale(1.015) !important;
    box-shadow: 0 10px 28px rgba(0, 89, 208, 0.45) !important;
  }
  #ya-hero-override .yt-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-2px) scale(1.015) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
  }
}
/* ============ ACCESSIBILITÉ : MOUVEMENT RÉDUIT ============ */
@media (prefers-reduced-motion: reduce) {
  #ya-hero-override h1.yt-hero-title,
  #ya-hero-override .yt-hero-features-wrapper,
  #ya-hero-override .yt-hero-actions {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  /* On CONSERVE volontairement le flux de couleurs : il ne déplace aucun
     élément, donc il ne déclenche pas les troubles vestibulaires.
     On ne désactive que les fondus d'entrée (translation verticale). */
  #ya-hero-override .yt-hero-title .dockl {
    transition: none !important;
    transform: none !important;
    animation: none !important;
  }
  /* On coupe aussi la pulsation du bouton principal (mouvement). */
  #ya-hero-override .yt-btn-primary {
    animation: none !important;
  }
  #ya-hero-override .yt-btn {
    transition: none !important;
  }
  #ya-hero-override .yt-btn:active {
    transform: none !important;
  }
}
/* ============ OPTIMISATION MOBILE ============ */
@media (max-width: 768px) {
  #ya-hero-override {
    padding: 60px 16px !important;
  }
  #ya-hero-override h1.yt-hero-title {
    gap: 6px !important;
    font-size: clamp(38px, 11vw, 52px) !important;   /* H1 nettement plus grand sur mobile */
    line-height: 1.15 !important;
  }
  /* Autorise "Artistes & Musiciens" à passer sur 2 lignes si besoin -> titre
     plus grand sans débordement horizontal, même sur les petits téléphones */
  #ya-hero-override .yt-hero-rainbow-word {
    white-space: normal !important;
  }
  #ya-hero-override .yt-hero-features-wrapper {
    margin-bottom: 28px !important;
    padding: 0 !important;
  }
  #ya-hero-override .yt-hero-feature-item {
    font-size: 15px !important;
    padding: 10px 0 !important;
  }
  #ya-hero-override .yt-hero-actions {
    flex-direction: column !important;
    gap: 12px !important;
  }
  #ya-hero-override .yt-btn {
    width: 100% !important;
  }
}

/* ===== Bloc 2 ===== */
/* Hero — quatre piliers façon Apple : plus de coches, plus de filets horizontaux */
#ya-hero-override .yt-hero-features-wrapper{ max-width:1160px !important; margin:0 auto 40px auto !important; padding:0 20px !important; }
#ya-hero-override .yt-hero-features-list{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:0 !important; text-align:center !important; }
#ya-hero-override .yt-hero-feature-item{ display:block !important; padding:2px 22px !important; border-bottom:0 !important; border-left:1px solid rgba(255,255,255,0.16) !important; text-align:center !important; font-size:15px !important; font-weight:400 !important; line-height:1.45 !important; color:rgba(255,255,255,0.72) !important; text-shadow:none !important; }
#ya-hero-override .yt-hero-feature-item:first-child{ border-left:0 !important; }
#ya-hero-override .yt-hero-feature-item::before{ content:"" !important; display:none !important; margin:0 !important; }
#ya-hero-override .yt-hero-feature-item b,
#ya-hero-override .yt-hero-feature-item strong{ display:block !important; font-size:21px !important; font-weight:600 !important; letter-spacing:-0.02em !important; color:#ffffff !important; margin:0 0 7px 0 !important; }
/* Tablette : 2 colonnes — le 3e pilier ouvre la 2e rangée, donc pas de filet à gauche */
@media (max-width:1000px){
  #ya-hero-override .yt-hero-features-list{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px 0 !important; }
  #ya-hero-override .yt-hero-feature-item:nth-child(3){ border-left:0 !important; }
}
@media (max-width:760px){
  #ya-hero-override .yt-hero-features-list{ grid-template-columns:1fr !important; gap:22px !important; }
  #ya-hero-override .yt-hero-feature-item{ border-left:0 !important; padding:0 !important; }
  #ya-hero-override .yt-hero-feature-item b,
  #ya-hero-override .yt-hero-feature-item strong{ font-size:19px !important; margin-bottom:4px !important; }
}

/* ===== Bloc 3 : bande blanche, pleine largeur (bord à bord) ===== */
#yt-stats-section {
  background: #1d1d1f !important;                 /* bande blanche, pleine largeur (bord à bord) */
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 56px 24px 56px 24px !important;                  /* hauteur de bande */
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}
#yt-stats-section * { box-sizing: border-box !important; }
#yt-stats-section .yt-stats-container {
  max-width: 1240px !important;                   /* contenu aligné sur tes autres sections */
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}
#yt-stats-section .yt-stat-item {
  text-align: center !important;
  position: relative !important;
}
/* Séparateur clair et discret */
#yt-stats-section .yt-stat-item:not(:last-child)::after {
  content: '' !important;
  position: absolute !important;
  top: 10% !important;
  right: -12px !important;
  height: 80% !important;
  width: 1px !important;
  background: rgba(255,255,255,0.14) !important;
}
#yt-stats-section .yt-stat-big-num {
  font-size: clamp(28px, 3.5vw, 44px) !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
  letter-spacing: -0.01em !important;
}
#yt-stats-section .yt-stat-label {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.72) !important;                      /* gris de marque, contraste AA (au lieu de #a1a1a6) */
  line-height: 1.4 !important;
  margin: 0 auto !important;
}
@media (max-width: 768px) {
  #yt-stats-section { padding: 40px 20px 40px 20px !important; }
  #yt-stats-section .yt-stats-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px 24px !important;
  }
  /* Séparateurs masqués en 2 colonnes (sinon mal placés) */
  #yt-stats-section .yt-stat-item::after { display: none !important; }
}

/* ===== Bloc 4 : yt-home-apres-cartes-css ===== */
#yt-home-apres-cartes{width:min(1120px,calc(100% - 80px))!important;margin:0 auto!important;padding:0 0 36px!important;text-align:left!important;background:transparent!important}
#yt-home-apres-cartes .yac-prix{font-size:15px!important;line-height:1.6!important;color:var(--yj-text2)!important;margin:0 0 12px!important}
#yt-home-apres-cartes .yac-liens{display:flex!important;flex-wrap:wrap;gap:12px 32px;margin:0!important;padding:0!important;list-style:none!important}
#yt-home-apres-cartes .yac-liens li{margin:0!important;padding:0!important;list-style:none!important}
#yt-home-apres-cartes a{font-size:15px!important;font-weight:600!important;color:var(--yj-link)!important;text-decoration:none!important}
#yt-home-apres-cartes a:hover,#yt-home-apres-cartes a:focus-visible{text-decoration:underline!important}
@media (max-width:760px){#yt-home-apres-cartes{width:calc(100% - 40px)!important}}

/* ===== Bloc 5 : espace du haut retiré, rythme normal de la page ===== */
/* ============ SECTION TÉMOIGNAGES · VERSION CLAIRE (alignée piliers + logiciels) ============ */
.yt-section {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #f5f5f5;
  padding: 0 40px 72px 40px;   /* espace du haut retiré, rythme normal de la page */
  color: #1d1d1f;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  position: relative;
  overflow: hidden;
}
.yt-section * { box-sizing: border-box; }
.yt-inner { max-width: 1240px; margin: 0 auto; position: relative; z-index: 2; }

/* ----- En-tête ----- */
.yt-header { text-align: center; max-width: 740px; margin: 0 auto 56px auto; }
.yt-eyebrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #6e6e73;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.yt-section h2.yt-title,
.yt-section .yt-title {
  font-size: clamp(30px, 4vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
  color: #1d1d1f !important;
  margin: 0 0 18px 0 !important;
}
.yt-subtitle {
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.5;
  color: #6e6e73;
  margin: 0;
  letter-spacing: 0em;
  font-weight: 400;
}

/* ============ NOTE GOOGLE (carte blanche claire) ============ */
.yt-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  background: #ffffff;
  border-radius: 24px;
  padding: 28px 40px;
  margin: 0 auto 56px auto;
  max-width: 760px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 4px 20px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.02);
  position: relative;
}
.yt-rating-google { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.yt-rating-google-logo { width: 30px; height: 30px; flex-shrink: 0; }
.yt-rating-google-text { font-size: 14px; font-weight: 600; color: #1d1d1f; letter-spacing: -0.01em; }
.yt-rating-google-text small { display: block; font-size: 12px; font-weight: 400; color: #6e6e73; margin-top: 2px; }
.yt-rating-divider { width: 1px; height: 44px; background: rgba(0,0,0,0.1); }
.yt-rating-stars-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.yt-rating-stars { display: flex; gap: 2px; }
.yt-rating-star { width: 22px; height: 22px; color: #FBBC05; }
.yt-rating-numbers { font-size: 14px; color: #515154; letter-spacing: -0.01em; }
.yt-rating-numbers strong { font-weight: 600; color: #1d1d1f; }
.yt-rating-link {
  text-decoration: none !important;
  color: #0059D0 !important;
  font-size: 13px;
  font-weight: 600;
  margin-left: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.3s ease;
}
.yt-rating-link:hover { color: #0047a8 !important; }

/* ============ GRILLE DES TÉMOIGNAGES ============ */
.yt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

/* ----- Carte témoignage claire (même traitement que les autres sections) ----- */
.yt-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 32px 30px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 4px 20px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.02);
  transition: transform 0.5s cubic-bezier(0.16,1,0.3,1), box-shadow 0.5s cubic-bezier(0.16,1,0.3,1), border-color 0.5s ease;
  position: relative;
}
.yt-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 44px -12px rgba(0,0,0,0.15);
  border-color: rgba(0,0,0,0.06);
}
.yt-card-stars { display: flex; gap: 2px; margin-bottom: 18px; }
.yt-card-star { width: 16px; height: 16px; color: #FBBC05; }

.yt-card-quote {
  font-size: 16px;
  line-height: 1.6;
  color: #1d1d1f;
  margin: 0 0 26px 0;
  letter-spacing: -0.01em;
  flex: 1;
  font-weight: 400;
}
.yt-card-quote::before {
  content: '“';
  display: block;
  font-size: 44px;
  font-weight: 400;
  color: #0059D0;
  line-height: 1;
  margin-bottom: 8px;
  height: 22px;
  letter-spacing: -0.05em;
}

.yt-card-author { display: flex; align-items: center; gap: 14px; padding-top: 18px; border-top: 1px solid rgba(0,0,0,0.08); }
.yt-card-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #0059D0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.01em;
  flex-shrink: 0;
}
.yt-card-author-info { display: flex; flex-direction: column; gap: 2px; }
.yt-card-author-name { font-size: 15px; font-weight: 600; color: #1d1d1f; letter-spacing: -0.01em; }
.yt-card-author-role { font-size: 13px; color: #6e6e73; letter-spacing: -0.005em; }

/* ----- Responsive ----- */
@media (max-width: 980px) {
  .yt-section { padding: 0 24px 56px 24px; }
  .yt-grid { grid-template-columns: 1fr; gap: 20px; max-width: 560px; margin: 0 auto; }
  .yt-header { margin-bottom: 44px; }
  .yt-rating { flex-direction: column; text-align: center; gap: 18px; padding: 26px 28px; margin-bottom: 40px; }
  .yt-rating-divider { width: 44px; height: 1px; }
  .yt-rating-link { margin-left: 0; }
  .yt-rating-stars-wrap { align-items: center; }
}
@media (max-width: 640px) {
  .yt-section { padding: 0 20px 56px 20px; }
  .yt-section h2.yt-title,
  .yt-section .yt-title { font-size: 30px !important; }
  .yt-subtitle { font-size: 16px; }
  .yt-card { padding: 28px 24px; }
  .yt-card-quote { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .yt-card { transition: none; }
  .yt-card:hover { transform: none; }
}

/* ===== Bloc 6 : yt-home-realisations-css ===== */
#yt-home-realisations{width:min(1120px,calc(100% - 80px))!important;margin:0 auto!important;padding:0 0 36px!important;text-align:left!important;background:transparent!important}
#yt-home-realisations .yhr-eb{font-size:13px!important;font-weight:600!important;line-height:1.6!important;color:var(--yj-link)!important;margin:0 0 20px!important;letter-spacing:0!important;text-transform:none!important}
#yt-home-realisations h2{font-size:28px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.22!important;color:var(--yj-text)!important;margin:0 0 24px!important;text-align:left!important}
#yt-home-realisations .yhr-chapo{font-size:16px!important;line-height:1.6!important;color:var(--yj-text2)!important;margin:0 0 24px!important;max-width:760px}
#yt-home-realisations .yhr-grille{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0!important;padding:0!important;list-style:none!important}
#yt-home-realisations .yhr-carte{display:flex!important;flex-direction:column;background:var(--yj-card)!important;border:1px solid var(--yj-border)!important;border-radius:8px!important;padding:24px!important;margin:0!important;box-shadow:none!important;list-style:none!important}
#yt-home-realisations .yhr-k{font-size:12.5px!important;font-weight:600!important;line-height:1.5!important;color:var(--yj-off)!important;margin:0 0 6px!important}
#yt-home-realisations h3{font-size:20px!important;font-weight:700!important;line-height:1.3!important;color:var(--yj-text)!important;margin:0 0 16px!important}
#yt-home-realisations iframe{display:block!important;width:100%!important;border:0!important;border-radius:8px!important;margin:0!important}
#yt-home-realisations .yhr-audio iframe{height:175px!important}
#yt-home-realisations .yhr-video{position:relative!important;aspect-ratio:16/9;width:100%}
#yt-home-realisations .yhr-video iframe{position:absolute!important;inset:0;height:100%!important}
#yt-home-realisations a{font-size:15px!important;font-weight:600!important;color:var(--yj-link)!important;text-decoration:none!important}
#yt-home-realisations a:hover,#yt-home-realisations a:focus-visible{text-decoration:underline!important}
#yt-home-realisations .yhr-pied{display:flex;flex-wrap:wrap;gap:12px 32px;font-size:15px!important;line-height:1.6!important;margin:20px 0 0!important}
@media (max-width:760px){
#yt-home-realisations{width:calc(100% - 40px)!important}
#yt-home-realisations .yhr-eb{margin-bottom:16px!important}
#yt-home-realisations h2{font-size:23px!important;margin-bottom:20px!important}
#yt-home-realisations .yhr-chapo{margin-bottom:20px!important}
#yt-home-realisations .yhr-grille{grid-template-columns:1fr;gap:16px}
#yt-home-realisations .yhr-carte{padding:18px!important}
}

/* ===== Bloc 7 : yt-home-bref-css ===== */
#yt-home-bref{width:min(1120px,calc(100% - 80px))!important;margin:0 auto!important;padding:0 0 36px!important;text-align:left!important;background:transparent!important}
#yt-home-bref .ybr-eb{font-size:13px!important;font-weight:600!important;line-height:1.6!important;color:var(--yj-link)!important;margin:0 0 20px!important;letter-spacing:0!important;text-transform:none!important}
#yt-home-bref h2{font-size:28px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.22!important;color:var(--yj-text)!important;margin:0 0 24px!important;text-align:left!important}
#yt-home-bref .ybr-faits{background:var(--yj-card)!important;border:1px solid var(--yj-border)!important;border-radius:8px!important;padding:20px 24px!important;margin:0 0 24px!important;list-style:none!important}
#yt-home-bref .ybr-faits li{position:relative;font-size:15px!important;line-height:1.6!important;color:var(--yj-text2)!important;margin:0!important;padding:8px 0 8px 26px!important;list-style:none!important;border-top:1px solid var(--yj-border)!important}
#yt-home-bref .ybr-faits li:first-child{border-top:0!important}
#yt-home-bref .ybr-faits li::before{content:"✓";position:absolute;left:0;top:8px;font-weight:700;color:var(--yj-link)}
#yt-home-bref .ybr-faits strong{color:var(--yj-text)!important;font-weight:600!important}
#yt-home-bref .ybr-sous{font-size:15px!important;line-height:1.6!important;color:var(--yj-text2)!important;margin:0 0 16px!important}
#yt-home-bref .ybr-ind{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0!important;padding:0!important;list-style:none!important}
#yt-home-bref .ybr-ind li{display:flex!important;flex-direction:column;background:var(--yj-card)!important;border:1px solid var(--yj-border)!important;border-radius:8px!important;padding:20px 24px!important;margin:0!important;list-style:none!important}
#yt-home-bref .ybr-n{font-size:28px!important;font-weight:700!important;line-height:1.2!important;color:var(--yj-text)!important;font-variant-numeric:tabular-nums}
#yt-home-bref .ybr-l{font-size:15px!important;font-weight:600!important;line-height:1.5!important;color:var(--yj-text)!important;margin-top:4px}
#yt-home-bref .ybr-s{font-size:13px!important;line-height:1.5!important;color:var(--yj-off)!important;margin-top:4px}
#yt-home-bref a{font-weight:600!important;color:var(--yj-link)!important;text-decoration:none!important}
#yt-home-bref a:hover,#yt-home-bref a:focus-visible{text-decoration:underline!important}
#yt-home-bref .ybr-pied{font-size:15px!important;line-height:1.6!important;margin:20px 0 0!important}
@media (max-width:760px){
#yt-home-bref{width:calc(100% - 40px)!important}
#yt-home-bref .ybr-eb{margin-bottom:16px!important}
#yt-home-bref h2{font-size:23px!important;margin-bottom:20px!important}
#yt-home-bref .ybr-faits{padding:14px 18px!important}
#yt-home-bref .ybr-ind{grid-template-columns:1fr;gap:16px}
}

/* ===== Bloc 8 : yt-home-coaching-css ===== */
#yt-home-coaching{width:min(1120px,calc(100% - 80px))!important;margin:0 auto!important;padding:0 0 36px!important;text-align:left!important;background:transparent!important}
#yt-home-coaching .yhc-eb{font-size:13px!important;font-weight:600!important;line-height:1.6!important;color:var(--yj-link)!important;margin:0 0 20px!important;letter-spacing:0!important;text-transform:none!important}
#yt-home-coaching h2{font-size:28px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.22!important;color:var(--yj-text)!important;margin:0 0 24px!important;text-align:left!important}
#yt-home-coaching .yhc-chapo{font-size:16px!important;line-height:1.6!important;color:var(--yj-text2)!important;margin:0 0 24px!important;max-width:760px}
#yt-home-coaching .yhc-grille{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0!important;padding:0!important;list-style:none!important}
#yt-home-coaching .yhc-carte{display:flex!important;flex-direction:column;background:var(--yj-card)!important;border:1px solid var(--yj-border)!important;border-radius:8px!important;padding:24px!important;margin:0!important;box-shadow:none!important;list-style:none!important}
#yt-home-coaching .yhc-k{font-size:12.5px!important;font-weight:600!important;line-height:1.5!important;color:var(--yj-off)!important;margin:0 0 6px!important}
#yt-home-coaching h3{font-size:20px!important;font-weight:700!important;line-height:1.3!important;color:var(--yj-text)!important;margin:0 0 10px!important}
#yt-home-coaching .yhc-t{font-size:15px!important;line-height:1.6!important;color:var(--yj-text2)!important;margin:0!important}
#yt-home-coaching .yhc-l{margin-top:auto!important;padding-top:16px}
#yt-home-coaching a{font-size:15px!important;font-weight:600!important;color:var(--yj-link)!important;text-decoration:none!important}
#yt-home-coaching a:hover,#yt-home-coaching a:focus-visible{text-decoration:underline!important}
#yt-home-coaching .yhc-pied{font-size:15px!important;line-height:1.6!important;color:var(--yj-text2)!important;margin:20px 0 0!important}
@media (max-width:760px){
#yt-home-coaching{width:calc(100% - 40px)!important}
#yt-home-coaching .yhc-eb{margin-bottom:16px!important}
#yt-home-coaching h2{font-size:23px!important;margin-bottom:20px!important}
#yt-home-coaching .yhc-chapo{margin-bottom:20px!important}
#yt-home-coaching .yhc-grille{grid-template-columns:1fr;gap:16px}
#yt-home-coaching .yhc-carte{padding:18px!important}
}
@media (max-width:640px){#yt-home-coaching{padding-bottom:16px!important}}

/* ===== Bloc 9 : yt-home-ia-liens ===== */
#yt-home-ia .yhia-list li.yhia-li{padding:0 !important;background:transparent !important;display:flex !important}#yt-home-ia .yhia-list li.yhia-li a.yhia-a{display:flex !important;flex-direction:column !important;width:100% !important;box-sizing:border-box !important;padding:16px 18px !important;background:var(--yj-soft) !important;border:1px solid transparent !important;border-radius:6px !important;color:var(--yj-text2) !important;text-decoration:none !important;font-weight:400 !important}#yt-home-ia .yhia-list li.yhia-li a.yhia-a:hover,#yt-home-ia .yhia-list li.yhia-li a.yhia-a:focus-visible{border-color:var(--yj-border2) !important;box-shadow:0 2px 12px rgba(0,0,0,.08) !important}#yt-home-ia .yhia-list li.yhia-li .yhia-go{display:block !important;margin-top:auto !important;padding-top:10px !important;font-size:15px !important;font-weight:600 !important;color:var(--yj-link) !important}#yt-home-ia .yhia-list li.yhia-li a.yhia-a:hover .yhia-go,#yt-home-ia .yhia-list li.yhia-li a.yhia-a:focus-visible .yhia-go{text-decoration:underline !important}

/* ===== Bloc 10 : yhia-pastels ===== */
/* yhia-pastels : un fond pastel par verbe (Reflechir, Corriger, Generer, Automatiser), contraste AAA verifie */#yt-home-ia .yhia-list li.yhia-li:nth-child(1) a.yhia-a{background:#FFF5DB !important}#yt-home-ia .yhia-list li.yhia-li:nth-child(2) a.yhia-a{background:#E6F6EC !important}#yt-home-ia .yhia-list li.yhia-li:nth-child(3) a.yhia-a{background:#F3EFFC !important}#yt-home-ia .yhia-list li.yhia-li:nth-child(4) a.yhia-a{background:#EAF3FD !important}html.yj-isdark #yt-home-ia .yhia-list li.yhia-li:nth-child(1) a.yhia-a{background:#3A3220 !important}html.yj-isdark #yt-home-ia .yhia-list li.yhia-li:nth-child(2) a.yhia-a{background:#1C3527 !important}html.yj-isdark #yt-home-ia .yhia-list li.yhia-li:nth-child(3) a.yhia-a{background:#2E2642 !important}html.yj-isdark #yt-home-ia .yhia-list li.yhia-li:nth-child(4) a.yhia-a{background:#1B2E45 !important}

/* ===== Bloc 11 ===== */
#yt-home-ia{display:block !important;padding:32px 40px 0 !important;margin:0 !important;background:transparent !important}
#yt-home-ia .yhia-in{max-width:1120px !important;margin:0 auto !important;padding:32px !important;background:var(--yj-card) !important;border:1px solid var(--yj-border) !important;border-radius:8px !important;box-shadow:none !important;box-sizing:border-box !important}
#yt-home-ia .yhia-eb{font-size:13px !important;font-weight:600 !important;line-height:1.6 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--yj-link) !important;margin:0 !important}
#yt-home-ia .yhia-h2{font-size:26px !important;font-weight:700 !important;line-height:1.25 !important;letter-spacing:-.01em !important;color:var(--yj-text) !important;margin:12px 0 0 !important;text-align:left !important}
#yt-home-ia .yhia-p{font-size:16px !important;line-height:1.6 !important;color:var(--yj-text2) !important;max-width:820px !important;margin:16px 0 0 !important;text-align:left !important}
#yt-home-ia .yhia-p strong{color:var(--yj-text) !important;font-weight:600 !important}
#yt-home-ia .yhia-list{list-style:none !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;margin:24px 0 0 !important;padding:0 !important}
#yt-home-ia .yhia-list li{display:block !important;margin:0 !important;padding:16px 18px !important;background:var(--yj-soft) !important;border-radius:6px !important;font-size:15px !important;line-height:1.55 !important;color:var(--yj-text2) !important}
#yt-home-ia .yhia-list li::before{content:none !important}
#yt-home-ia .yhia-list strong{display:block !important;font-size:16px !important;font-weight:600 !important;color:var(--yj-text) !important;margin:0 0 4px !important}
#yt-home-ia .yhia-list span{display:block !important}
#yt-home-ia :is(.yhia-p,.yhia-list li,.yhia-h2){hyphens:none !important;-webkit-hyphens:none !important}
@media (max-width:1000px){
#yt-home-ia .yhia-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:760px){
#yt-home-ia{padding:24px 20px 0 !important}
#yt-home-ia .yhia-in{padding:22px 20px !important}
#yt-home-ia .yhia-h2{font-size:23px !important}
#yt-home-ia .yhia-list{grid-template-columns:1fr !important;gap:10px !important;margin-top:20px !important}
}

/* ===== Bloc 12 : RECOUVREMENT ET ISOLATION STRICTE (ANTI-KADENCE) ===== */
/* ============ RECOUVREMENT ET ISOLATION STRICTE (ANTI-KADENCE) ============ */
#yv-section-override.yv-section {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif !important;
  background: #f5f5f5 !important;      /* était #fafafa → aligné sur les autres blocs */
  padding: 0 24px 60px 24px !important;       /* espace du haut retiré */
  color: #1d1d1f !important;
  -webkit-font-smoothing: antialiased !important;
  overflow: hidden !important;
  position: relative !important;
}
#yv-section-override * { box-sizing: border-box; }
#yv-section-override .yv-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
}
/* En-têtes */
#yv-section-override .yv-header,
#yv-section-override .yv-engagements-header {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 56px auto !important;
}
#yv-section-override .yv-eyebrow,
#yv-section-override .yv-engagements-eyebrow {   /* .yv-engagements-eyebrow ajouté : elle n'était pas stylée */
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #6e6e73 !important;            /* gris monochrome (comme les eyebrows des autres blocs) */
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}
#yv-section-override h2.yv-title,
#yv-section-override h2.yv-engagements-title {
  font-size: clamp(30px, 4vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
  color: #1d1d1f !important;
  margin: 0 0 16px 0 !important;
}
#yv-section-override .yv-subtitle,
#yv-section-override .yv-engagements-subtitle {
  font-size: clamp(16px, 1.4vw, 20px) !important;
  line-height: 1.5 !important;
  color: #6e6e73 !important;
  margin: 0 !important;
}
/* Grille Formateurs */
#yv-section-override .yv-trainers {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
}
#yv-section-override .yv-trainer-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 24px !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 32px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.01) !important;
  border: 1px solid rgba(0,0,0,0.04) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
#yv-section-override .yv-trainer-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.06) !important;
}
/* Trombinoscope */
#yv-section-override .yv-trainer-photo-wrap {
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
#yv-section-override .yv-trainer-photo {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
#yv-section-override .yv-trainer-role {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #6e6e73 !important;            /* rôle en gris monochrome */
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 4px !important;
}
#yv-section-override h3.yv-trainer-name {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  margin: 0 0 8px 0 !important;
}
#yv-section-override .yv-trainer-name a { color: inherit !important; text-decoration: none !important; transition: color 0.2s ease !important; }
#yv-section-override .yv-trainer-name a:hover { color: #0059D0 !important; }
#yv-section-override .yv-trainer-name a:focus-visible { outline: 3px solid #0059D0 !important; outline-offset: 3px !important; border-radius: 4px !important; }
#yv-section-override .yv-trainer-bio {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #515154 !important;
  margin: 0 0 16px 0 !important;
}
#yv-section-override .yv-trainer-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
#yv-section-override .yv-trainer-tag {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #1d1d1f !important;
  background: #f5f5f5 !important;        /* était #f5f5f7 → token gris unifié */
  padding: 4px 10px !important;
  border-radius: 100px !important;
}
/* Grille Engagements */
#yv-section-override .yv-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
}
#yv-section-override .yv-card {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 36px !important;
  border: 1px solid rgba(0,0,0,0.04) !important;
  border-top: 4px solid !important;
  transition: transform 0.3s ease !important;
}
#yv-section-override .yv-card:hover {
  transform: translateY(-3px) !important;
}
#yv-section-override .yv-card-pratique { border-top-color: #0059D0 !important; }      /* était #0071e3 */
#yv-section-override .yv-card-personnalise { border-top-color: #0059D0 !important; }
#yv-section-override .yv-card-communaute { border-top-color: #0059D0 !important; }
#yv-section-override .yv-card-lieu { border-top-color: #0059D0 !important; }
#yv-section-override h3.yv-card-title {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  margin: 0 0 6px 0 !important;
}
#yv-section-override .yv-card-subtitle {
  font-size: 15px !important;
  color: #6e6e73 !important;
  margin: 0 0 24px 0 !important;
}
#yv-section-override .yv-card-proofs {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
#yv-section-override .yv-card-proofs li {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #1d1d1f !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
#yv-section-override .yv-card-proofs li::before {
  content: '✓' !important;
  font-weight: 600 !important;
  flex-shrink: 0 !important;
}
#yv-section-override .yv-card-pratique .yv-card-proofs li::before { color: #0059D0; }   /* était #0071e3 */
#yv-section-override .yv-card-personnalise .yv-card-proofs li::before { color: #0059D0; }
#yv-section-override .yv-card-communaute .yv-card-proofs li::before { color: #0059D0; }
#yv-section-override .yv-card-lieu .yv-card-proofs li::before { color: #0059D0; }
/* Responsive */
@media (max-width: 920px) {
  #yv-section-override.yv-section { padding: 0 20px 40px 20px !important; }   /* ajout : marges mobile harmonisées */
  #yv-section-override .yv-trainers,
  #yv-section-override .yv-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  #yv-section-override .yv-trainer-card {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  #yv-section-override .yv-trainer-tags {
    justify-content: center !important;
  }
}

/* ===== Bloc 13 ===== */
.yfq2, .yfq2 *, .yfq2 *::before, .yfq2 *::after{ box-sizing:border-box !important; margin:0 !important; padding:0 !important; }
.yfq2{
  --ink:#1d1d1f; --body:#515154; --mute:#6e6e73; --line:rgba(0,0,0,0.06); --accent:#0059D0;
  width:100% !important; background:#f5f5f5 !important; padding:0 40px 72px !important; display:block !important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased !important;
  box-shadow:0 -40px 0 0 #f5f5f5, 0 40px 0 0 #f5f5f5 !important;
}
.yfq2-inner{ max-width:900px !important; margin:0 auto !important; display:block !important; }
.yfq2-head{ display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; gap:14px !important; margin-bottom:32px !important; }
.yfq2-eyebrow{ font-size:12px !important; font-weight:600 !important; letter-spacing:0.08em !important; text-transform:uppercase !important; color:var(--mute) !important; line-height:1.6 !important; }
.yfq2-h2{ font-size:clamp(30px,4vw,48px) !important; font-weight:800 !important; letter-spacing:-0.01em !important; line-height:1.08 !important; color:var(--ink) !important; }
.yfq2-list{ display:flex !important; flex-direction:column !important; gap:12px !important; }
.yfq2-item{ background:#fff !important; border:1px solid var(--line) !important; border-radius:20px !important; overflow:hidden !important; box-shadow:0 4px 20px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.02) !important; }
.yfq2-q{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; padding:20px 24px !important; cursor:pointer !important; list-style:none !important; font-size:17px !important; font-weight:600 !important; letter-spacing:-0.01em !important; color:var(--ink) !important; line-height:1.35 !important; }
.yfq2-q::-webkit-details-marker{ display:none !important; }
.yfq2-chev{ flex-shrink:0 !important; width:13px !important; height:13px !important; border-right:2px solid var(--mute) !important; border-bottom:2px solid var(--mute) !important; transform:rotate(45deg) !important; transition:transform .25s ease !important; margin-top:-4px !important; }
.yfq2-item[open] .yfq2-chev{ transform:rotate(-135deg) !important; margin-top:2px !important; }
.yfq2-a{ padding:0 24px 22px !important; font-size:16px !important; line-height:1.7 !important; color:var(--body) !important; }
.yfq2-a strong{ color:var(--ink) !important; font-weight:600 !important; }
.yfq2-a a{ color:var(--accent) !important; }
@media (max-width:640px){
  .yfq2{ padding:0 20px 56px !important; }
  .yfq2-q{ padding:18px 20px !important; font-size:16px !important; }
  .yfq2-a{ padding:0 20px 20px !important; }
}
.yfq2 summary:focus-visible{ outline:3px solid var(--accent) !important; outline-offset:-3px !important; }
@media (prefers-reduced-motion:reduce){ .yfq2 *{ transition-duration:0.001ms !important; } }

/* ===== Bloc 14 : Icones dans le corps de la carte (16 sept. 2026) ===== */
.ycl, .ycl *, .ycl *::before, .ycl *::after{ box-sizing:border-box !important; margin:0 !important; padding:0 !important; }
.ycl{
  --ink:#1d1d1f; --body:#515154; --mute:#6e6e73; --line:rgba(0,0,0,0.06); --accent:#0059D0; --accent-h:#0047a8;
  width:100% !important; background:#f5f5f5 !important; padding:0 40px 20px !important; display:block !important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased !important;
}
.ycl-inner{ max-width:1200px !important; margin:0 auto !important; display:block !important; }
.ycl-head{ display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; gap:16px !important; margin-bottom:40px !important; }
.ycl-eyebrow{ font-size:12px !important; font-weight:600 !important; letter-spacing:0.08em !important; text-transform:uppercase !important; color:var(--mute) !important; line-height:1.6 !important; }
.ycl-h2{ font-size:clamp(30px,4vw,48px) !important; font-weight:800 !important; letter-spacing:-0.01em !important; line-height:1.08 !important; color:var(--ink) !important; }
.ycl-mode{ font-size:clamp(15px,1.2vw,17px) !important; font-weight:400 !important; color:var(--ink) !important; line-height:1.4 !important; }
.ycl-sub{ font-size:clamp(16px,1.4vw,20px) !important; font-weight:400 !important; color:var(--mute) !important; line-height:1.5 !important; max-width:800px !important; }
.ycl-sub strong{ color:var(--ink) !important; font-weight:600 !important; }

.ycl-grid{ list-style:none !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; }
.ycl-item{ display:block !important; height:100% !important; }
.ycl-card{
  display:flex !important; flex-direction:column !important; height:100% !important; overflow:hidden !important;
  background:#fff !important; border:1px solid var(--line) !important; border-radius:28px !important;
  box-shadow:0 4px 20px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.03) !important;
}
.ycl-media{
  position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important; max-width:100% !important; aspect-ratio:16/9 !important; overflow:hidden !important;
  background:linear-gradient(165deg,#232326 0%,#121215 100%) !important; flex:0 0 auto !important;
}
.ycl-icons{ display:flex !important; align-items:center !important; justify-content:center !important; gap:14px !important; }
/* Icones dans le corps de la carte (16 sept. 2026) */
.ycl .ycl-body .ycl-icons{ display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:8px !important; margin:12px 0 0 0 !important; line-height:0 !important; }
.ycl .ycl-body .ycl-icons img.ycl-ic{ width:30px !important; height:30px !important; max-width:30px !important; border-radius:7px !important; flex:0 0 auto !important; display:block !important; object-fit:cover !important; box-shadow:0 1px 3px rgba(0,0,0,0.14) !important; }
.ycl .ycl-body .ycl-icons img.ycl-ic{ border:1px solid rgba(0,0,0,0.08) !important; box-sizing:border-box !important; }
.ycl .ycl-media img.ycl-photo{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:100% !important; object-fit:cover !important; display:block !important; z-index:0 !important; }
.ycl .ycl-media::after{ content:"" !important; position:absolute !important; inset:0 !important; background:linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.10) 45%, rgba(0,0,0,0.30) 100%) !important; pointer-events:none !important; z-index:1 !important; }
.ycl .ycl-media .ycl-pill{ z-index:2 !important; }
.ycl-media img.ycl-ic{
  width:62px !important; height:62px !important; max-width:62px !important; border-radius:15px !important;
  display:block !important; object-fit:cover !important; box-shadow:0 10px 24px rgba(0,0,0,0.45) !important;
}
.ycl-pill{
  position:absolute !important; top:14px !important; left:16px !important; z-index:2 !important;
  font-size:11.5px !important; font-weight:600 !important; letter-spacing:0.09em !important; text-transform:uppercase !important;
  color:#fff !important; background:rgba(255,255,255,0.14) !important; border:1px solid rgba(255,255,255,0.28) !important;
  -webkit-backdrop-filter:blur(14px) saturate(160%) !important; backdrop-filter:blur(14px) saturate(160%) !important;
  padding:6px 13px !important; border-radius:980px !important; white-space:nowrap !important; line-height:1.2 !important;
}
.ycl-body{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; padding:22px 24px 16px 24px !important; }
.ycl-kicker{ display:block !important; font-size:12px !important; font-weight:600 !important; letter-spacing:0.09em !important; text-transform:uppercase !important; color:var(--mute) !important; line-height:1.6 !important; margin:0 0 4px 0 !important; }
.ycl-t{ font-size:22px !important; font-weight:600 !important; letter-spacing:-0.01em !important; color:var(--ink) !important; line-height:1.2 !important; }
.ycl-d{ font-size:15px !important; line-height:1.6 !important; color:var(--body) !important; margin:8px 0 14px 0 !important; }
.ycl-links{ list-style:none !important; display:block !important; margin:auto 0 0 0 !important; }
.ycl-links li{ display:block !important; border-top:1px solid var(--line) !important; }
.ycl-links a{
  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important;
  padding:11px 0 !important; font-size:15px !important; font-weight:600 !important; line-height:1.4 !important;
  color:var(--accent) !important; text-decoration:none !important; transition:color .25s ease !important;
}
.ycl-links a:hover{ color:var(--accent-h) !important; text-decoration:underline !important; }
.ycl-links a span{ font-weight:400 !important; flex:0 0 auto !important; }
.ycl-foot{
  display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important;
  gap:18px !important; margin-top:24px !important; background:#fff !important; border:1px solid var(--line) !important;
  border-radius:24px !important; padding:24px 30px !important;
  box-shadow:0 4px 20px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.02) !important;
}
.ycl-foot-p{ font-size:15px !important; line-height:1.6 !important; color:var(--body) !important; max-width:720px !important; }
.ycl-foot-p strong{ color:var(--ink) !important; font-weight:600 !important; }
.ycl-cta{
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:7px !important;
  background:var(--accent) !important; color:#fff !important; font-size:16px !important; font-weight:600 !important;
  line-height:1 !important; padding:15px 28px !important; border-radius:980px !important; text-decoration:none !important;
  transition:background .3s ease !important; white-space:nowrap !important;
}
.ycl-cta:hover{ background:var(--accent-h) !important; }
@media (max-width:860px){
  .ycl-grid{ grid-template-columns:1fr !important; gap:18px !important; }
  .ycl-body{ padding:20px 20px 14px 20px !important; }
  .ycl-foot{ margin-top:18px !important; padding:22px !important; border-radius:20px !important; flex-direction:column !important; align-items:flex-start !important; }
}
@media (max-width:640px){ .ycl{ padding:0 20px 16px !important; } }
.ycl a:focus-visible{ outline:3px solid var(--accent) !important; outline-offset:4px !important; }
@media (prefers-reduced-motion:reduce){ .ycl *{ transition-duration:0.001ms !important; } }

/* ===== Bloc 15 : Carte blanche centrée, largeur de page ===== */
#yn-news-override.yn-section {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  background: #f5f5f5 !important;
  padding: 0 24px 0 24px !important;             /* haut = 24px · bas = 0 : le CTA en dessous porte l'écart via sa marge du haut (24px) */
  color: #1d1d1f !important;
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased !important;
}
#yn-news-override * { box-sizing: border-box !important; }
/* Carte blanche centrée, largeur de page */
#yn-news-override .yn-card {
  max-width: 1200px !important;                    /* même largeur que le CTA final */
  margin: 0 auto !important;
  background: #ffffff !important;
  border-radius: 28px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.02) !important;
  padding: 60px 56px !important;
  text-align: center !important;
}
#yn-news-override .yn-eyebrow {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #6e6e73 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}
#yn-news-override h2.yn-title {
  font-size: clamp(30px, 4vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
  color: #1d1d1f !important;
  margin: 0 auto 14px auto !important;
  max-width: 620px !important;
}
#yn-news-override .yn-subtitle {
  font-size: clamp(16px, 1.4vw, 20px) !important;
  line-height: 1.5 !important;
  color: #6e6e73 !important;
  margin: 0 auto 32px auto !important;
  max-width: 540px !important;
  font-weight: 400 !important;
}
/* Bouton (lien vers la page d'inscription) */
#yn-news-override .yn-btn-2 { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-size: 16px !important; font-weight: 600 !important; color: #0059D0 !important; background: #ffffff !important; border: 1px solid rgba(0,89,208,0.28) !important; padding: 15px 30px !important; border-radius: 980px !important; text-decoration: none !important; transition: background .3s ease, border-color .3s ease !important; }
.yn-btn-2:hover { background: #0059D0 !important; color: #ffffff !important; border-color: #0059D0 !important; }
.yn-spaces { font-size: 15px !important; line-height: 1.6 !important; color: #6e6e73 !important; margin: 0 auto 22px auto !important; max-width: 760px !important; }
.yn-spaces strong { color: #1d1d1f !important; font-weight: 600 !important; }
.yn-actions { margin: 0 auto 20px auto !important; display: flex !important; flex-wrap: wrap !important; gap: 12px !important; justify-content: center !important; align-items: center !important; }
#yn-news-override .yn-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background: #0059D0 !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 980px !important;
  padding: 16px 34px !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}
#yn-news-override .yn-btn:hover { background: #0047a8 !important; transform: translateY(-2px) !important; }
#yn-news-override .yn-btn:focus-visible { outline: 3px solid #0059D0 !important; outline-offset: 3px !important; }
/* Réassurance + preuve sociale */
#yn-news-override .yn-reassure {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px 18px !important;
  font-size: 13px !important;
  color: #6e6e73 !important;
  margin: 0 !important;
}
#yn-news-override .yn-reassure strong { color: #1d1d1f !important; font-weight: 600 !important; }
#yn-news-override .yn-reassure span { display: inline-flex !important; align-items: center !important; gap: 6px !important; }
#yn-news-override .yn-reassure svg { width: 14px !important; height: 14px !important; color: #34C759 !important; flex-shrink: 0 !important; }
/* Responsive */
@media (max-width: 560px) {
  #yn-news-override.yn-section { padding: 0 20px 0 20px !important; }
  #yn-news-override .yn-card { padding: 44px 26px !important; border-radius: 24px !important; }
  #yn-news-override .yn-btn { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
  #yn-news-override .yn-btn { transition: none !important; }
  #yn-news-override .yn-btn:hover { transform: none !important; }
}

#yn-news-override .yn-title-2{ display:block !important; font-size:clamp(20px, 2.4vw, 30px) !important; line-height:1.15 !important; margin-top:2px !important; }