.elementor-37043 .elementor-element.elementor-element-d75bfb0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-37043 .elementor-element.elementor-element-427ff2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:120px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-37043 .elementor-element.elementor-element-be8e1bb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-37043 .elementor-element.elementor-element-94fcada{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-37043 .elementor-element.elementor-element-d8e6e8f .elementor-heading-title{font-family:"GEIST", Sans-serif;font-size:40px;font-weight:900;color:#1B1B1B;}.elementor-37043 .elementor-element.elementor-element-51ac809{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-37043 .elementor-element.elementor-element-b58a33b > .elementor-widget-container{background-color:#F1ECFF00;}.elementor-37043 .elementor-element.elementor-element-b58a33b .elementor-icon-wrapper{text-align:center;}.elementor-37043 .elementor-element.elementor-element-b58a33b.elementor-view-stacked .elementor-icon{background-color:#4D1DC8;color:#FFFFFF;}.elementor-37043 .elementor-element.elementor-element-b58a33b.elementor-view-framed .elementor-icon, .elementor-37043 .elementor-element.elementor-element-b58a33b.elementor-view-default .elementor-icon{color:#4D1DC8;border-color:#4D1DC8;}.elementor-37043 .elementor-element.elementor-element-b58a33b.elementor-view-framed .elementor-icon, .elementor-37043 .elementor-element.elementor-element-b58a33b.elementor-view-default .elementor-icon svg{fill:#4D1DC8;}.elementor-37043 .elementor-element.elementor-element-b58a33b.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-37043 .elementor-element.elementor-element-b58a33b.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-37043 .elementor-element.elementor-element-b58a33b .elementor-icon{font-size:12px;}.elementor-37043 .elementor-element.elementor-element-b58a33b .elementor-icon svg{height:12px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-37043 .elementor-element.elementor-element-f0fed3c .elementor-heading-title{font-family:"GEIST", Sans-serif;font-size:13.5px;font-weight:600;color:#120A33;}.elementor-37043 .elementor-element.elementor-element-7fae3ed .elementor-heading-title{font-family:"GEIST", Sans-serif;font-size:13.5px;font-weight:600;color:#8E8B9C;}.elementor-37043 .elementor-element.elementor-element-ae488f2 .elementor-heading-title{font-family:"GEIST", Sans-serif;font-size:13.5px;font-weight:600;color:#8E8B9C;}.elementor-37043 .elementor-element.elementor-element-a59e3a3 .elementor-heading-title{color:#8E8B9C;}.elementor-37043 .elementor-element.elementor-element-483853a{--display:flex;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-37043 .elementor-element.elementor-element-791db2a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37043 .elementor-element.elementor-element-9011c6e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:50px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-37043 .elementor-element.elementor-element-5aa7771{width:auto;max-width:auto;color:#524E68;font-family:"GEIST", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.6em;}.elementor-37043 .elementor-element.elementor-element-5aa7771 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-37043 .elementor-element.elementor-element-5aa7771.elementor-element{--align-self:center;}.elementor-37043 .elementor-element.elementor-element-d619246 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-37043 .elementor-element.elementor-element-d619246.elementor-element{--align-self:center;}.elementor-37043 .elementor-element.elementor-element-927ab18{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37043 .elementor-element.elementor-element-58ba24c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:24px;--margin-right:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37043 .elementor-element.elementor-element-58ba24c:not(.elementor-motion-effects-element-type-background), .elementor-37043 .elementor-element.elementor-element-58ba24c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-37043 .elementor-element.elementor-element-0d8019a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37043 .elementor-element.elementor-element-0d8019a:not(.elementor-motion-effects-element-type-background), .elementor-37043 .elementor-element.elementor-element-0d8019a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-37043 .elementor-element.elementor-element-3f8f3d8 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-37043 .elementor-element.elementor-element-3f8f3d8 .elementor-heading-title{font-family:"GEIST MONO", Sans-serif;font-size:11px;font-weight:400;text-transform:uppercase;word-spacing:1.5px;color:#4D1DC8;}.elementor-37043 .elementor-element.elementor-element-63f5b5a > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-37043 .elementor-element.elementor-element-63f5b5a .elementor-heading-title{font-family:"GEIST", Sans-serif;font-size:clamp(28px, 3.6vw, 44px);font-weight:700;line-height:1.05px;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-37043 .elementor-element.elementor-element-6e29317 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-37043 .elementor-element.elementor-element-6e29317{font-family:"GEIST", Sans-serif;font-size:15.5px;font-weight:400;color:#524E68;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-37043 .elementor-element.elementor-element-f71fefc{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-37043 .elementor-element.elementor-element-f71fefc .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-37043 .elementor-element.elementor-element-f71fefc:after{content:"0.66";}.elementor-37043 .elementor-element.elementor-element-f71fefc .elementor-post__thumbnail__link{width:100%;}.elementor-37043 .elementor-element.elementor-element-f71fefc .elementor-post__meta-data span + span:before{content:"•";}.elementor-37043 .elementor-element.elementor-element-f71fefc .elementor-post__text{margin-top:20px;}.elementor-37043 .elementor-element.elementor-element-f71fefc .elementor-post__badge{right:0;}.elementor-37043 .elementor-element.elementor-element-f71fefc .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37043 .elementor-element.elementor-element-0e195c7 .elementor-button{background-color:#6B37F4;font-family:"GEIST", Sans-serif;font-size:15px;font-weight:900;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:23px 23px 23px 23px;}.elementor-37043 .elementor-element.elementor-element-0e195c7 .elementor-button:hover, .elementor-37043 .elementor-element.elementor-element-0e195c7 .elementor-button:focus{background-color:#170C3B;}.elementor-37043 .elementor-element.elementor-element-0e195c7 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-37043 .elementor-element.elementor-element-0e195c7.elementor-element{--align-self:center;}.elementor-37043 .elementor-element.elementor-element-04fc5b2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-37043 .elementor-element.elementor-element-9011c6e{--content-width:100%;}.elementor-37043 .elementor-element.elementor-element-0d8019a{--content-width:1140px;}}@media(max-width:1024px){.elementor-widget-theme-post-title .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-37043 .elementor-element.elementor-element-d8e6e8f .elementor-heading-title{font-size:30px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-theme-post-title .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-37043 .elementor-element.elementor-element-d8e6e8f .elementor-heading-title{font-size:30px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-37043 .elementor-element.elementor-element-f71fefc .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-37043 .elementor-element.elementor-element-f71fefc:after{content:"0.5";}.elementor-37043 .elementor-element.elementor-element-f71fefc .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for wpDiscuz, class: .elementor-element-b41e8a5 *//* =====================================================================
   WPDISCUZ · Refonte Chat&Yamo (violet, discret)
   Scope : tout le site. Préfixe .wpdiscuz pour ne pas polluer le reste.
   ===================================================================== */

/* ---------- 1. Variables wpDiscuz ---------- */
:root{
  --wpdiscuz-color-primary:#6B37F4;
  --wpdiscuz-color-primary-hover:#4D1DC8;
  --wpdiscuz-color-secondary:#F1ECFF;
  --wpdiscuz-color-text:#120A33;
  --wpdiscuz-color-text-soft:#524E68;
  --wpdiscuz-color-text-faint:#8E8B9C;
  --wpdiscuz-color-border:#E7E5EF;
  --wpdiscuz-color-surface:#F6F5FA;
}

/* ---------- 2. Conteneur général ---------- */
#comments.wpd-thread-list,
.wpd-comment-wrap{
  font-family:"Geist",-apple-system,"Segoe UI",Roboto,sans-serif;
  color:#524E68;
}

/* ---------- 3. Barre « X commentaires » + tri ---------- */
.wpd-thread-filter,
.wpd-thread-list .wpd-thread-head{
  border-bottom:1px solid #E7E5EF;
  padding-bottom:14px;
  margin-bottom:22px;
}
.wpd-thread-head .wpd-thread-info{
  font-family:"Geist Mono",ui-monospace,monospace;
  font-size:11.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#6B37F4;
  font-weight:600;
}
.wpd-thread-head .wpd-thread-info .wpdtc{
  color:#6B37F4;
}
.wpd-thread-filter .wpd-filter.wpd-filter-active{
  color:#6B37F4;
  border-color:#6B37F4;
}
.wpd-thread-filter .wpd-filter{
  color:#8E8B9C;
  font-size:13px;
}

/* ---------- 4. Masquer les étoiles de notation (trop visibles) ---------- */
.wpd-rating,
.wpd-star-rating,
.wpd-comment-rating,
.wpd-thread-rating{
  display:none!important;
}

/* ---------- 5. Masquer le bouton « S'abonner » en haut ---------- */
.wpd-subscribe-button,
.wpd-top-subscribe{
  display:none!important;
}

/* ---------- 6. Formulaire de commentaire ---------- */
#wpdcom.wpd-comment-form-wrap,
.wpd-comment-form{
  background:transparent;
  border:0;
}
.wpd-editor,
.wpd-comment-form .wpd-editor-warn{
  background:#F6F5FA;
  border:1px solid #E7E5EF;
  border-radius:16px;
  padding:14px 16px;
  color:#120A33;
  font-family:"Geist",-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:15px;
}
.wpd-editor:focus-within{
  border-color:#6B37F4;
  background:#fff;
}
.wpd-editor::placeholder,
.wpd-editor [contenteditable]::before{
  color:#8E8B9C;
}
.wpd-editor-toolbar{
  border-top:1px solid #E7E5EF;
  background:transparent;
  padding:8px 4px 0;
  margin-top:8px;
}
.wpd-editor-toolbar button{
  color:#8E8B9C;
  background:transparent;
  border:0;
}
.wpd-editor-toolbar button:hover{
  color:#6B37F4;
}

/* ---------- 7. Avatar ---------- */
.wpd-avatar img,
.wpd-avatar .avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  border:0;
}
.wpd-comment .wpd-avatar{
  margin-right:14px;
}

/* ---------- 8. Nom d'auteur + date ---------- */
.wpd-comment-author,
.wpd-comment-author a{
  color:#120A33;
  font-weight:600;
  font-size:15px;
  letter-spacing:-.01em;
}
.wpd-comment-date{
  color:#8E8B9C;
  font-size:12.5px;
}
.wpd-comment-date i{
  color:#8E8B9C;
}

/* ---------- 9. Contenu du commentaire ---------- */
.wpd-comment-text{
  color:#524E68;
  font-size:15px;
  line-height:1.65;
  margin-top:8px;
}

/* ---------- 10. Boutons d'action (Répondre, Partager, etc.) ---------- */
.wpd-comment-footer .wpd-tools,
.wpd-comment-footer .wpd-reply,
.wpd-comment-footer .wpd-share,
.wpd-comment-footer .wpd-vote,
.wpd-comment-footer .wpd-edit,
.wpd-comment-footer .wpd-delete{
  color:#8E8B9C;
  font-size:13px;
  background:transparent;
  border:0;
  transition:color .16s;
}
.wpd-comment-footer .wpd-reply:hover,
.wpd-comment-footer .wpd-share:hover,
.wpd-comment-footer .wpd-vote:hover,
.wpd-comment-footer .wpd-edit:hover,
.wpd-comment-footer .wpd-delete:hover{
  color:#6B37F4;
  background:transparent;
}
.wpd-comment-footer .wpd-vote-up:hover,
.wpd-comment-footer .wpd-vote-down:hover{
  color:#6B37F4;
}

/* ---------- 11. Bouton « Publier le commentaire » ---------- */
.wpd-form-foot .wpd-form-submit .wc_btn_inline,
.wpd-form-foot .wpd-form-submit button,
.wpd-form .wpd-form-submit input[type="submit"]{
  background:#6B37F4;
  color:#fff;
  border:0;
  border-radius:999px;
  padding:12px 26px;
  font-weight:700;
  font-size:14.5px;
  cursor:pointer;
  transition:background-color .16s, transform .16s;
}
.wpd-form-foot .wpd-form-submit .wc_btn_inline:hover,
.wpd-form-foot .wpd-form-submit button:hover{
  background:#120A33;
  transform:translateY(-2px);
}

/* ---------- 12. Champ nom / email ---------- */
.wpd-form .wpdiscuz-item input[type="text"],
.wpd-form .wpdiscuz-item input[type="email"],
.wpd-form .wpdiscuz-item input[type="url"],
.wpd-form .wpdiscuz-item textarea{
  background:#F6F5FA;
  border:1px solid #E7E5EF;
  border-radius:12px;
  padding:12px 14px;
  color:#120A33;
  font-family:"Geist",-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:15px;
}
.wpd-form .wpdiscuz-item input:focus,
.wpd-form .wpdiscuz-item textarea:focus{
  border-color:#6B37F4;
  background:#fff;
  outline:none;
}

/* ---------- 13. Bouton « Connexion » en haut à droite ---------- */
.wpd-login,
.wpd-login a{
  color:#8E8B9C;
  font-size:13px;
}
.wpd-login a:hover{
  color:#6B37F4;
}

/* ---------- 14. Séparateur entre commentaires ---------- */
.wpd-comment-wrap{
  border-bottom:1px solid #E7E5EF;
  padding:22px 0;
}
.wpd-comment-wrap:last-child{
  border-bottom:0;
}

/* ---------- 15. Réponses imbriquées ---------- */
.wpd-comment .wpd-comment-wrap{
  background:transparent;
  border-left:2px solid #F1ECFF;
  padding-left:18px;
  margin-left:0;
  border-bottom:0;
}
.wpd-comment .wpd-comment-wrap:hover{
  border-left-color:#6B37F4;
}

/* ---------- 16. Badge « Editeur » (ou autre rôle) ---------- */
.wpd-comment-label{
  background:#F1ECFF;
  color:#4D1DC8;
  font-family:"Geist Mono",ui-monospace,monospace;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:3px 8px;
  border-radius:999px;
  font-weight:600;
}

/* ---------- 17. Responsive ---------- */
@media(max-width:640px){
  .wpd-avatar img,
  .wpd-avatar .avatar{
    width:34px;
    height:34px;
  }
  .wpd-comment-author,
  .wpd-comment-author a{
    font-size:14px;
  }
  .wpd-comment-text{
    font-size:14.5px;
  }
}/* End custom CSS */
/* Start custom CSS *//* =====================================================================
   CHAT&YAMO · CSS TEMPLATE SINGLE POST ARTICLE BLOG (v3)
   Évolutions v3 :
   - Hero : image de mise en avant plus présente
     (1fr .8fr au lieu de 1fr .52fr · gap 36px · 480px en mobile)
   - H2 d'article : passe à la ligne sur la colonne de lecture
     (max-width 600px · overflow-wrap · text-wrap:balance · line-height 1.2)
   Contient UNIQUEMENT ce qui n'est PAS dans le CSS global :
   - Hero article (.aphero, .ameta, .aland)
   - Contenu d'article (.article h2/h3/p/img/blockquote/table)
   - Encarts Gutenberg (.seealso, .qa)
   - Partage social (.share)
   - Commentaires (.comments)
   Le reste (.doc, .toc, .cta, .related, .crumb, .btn, .dock, .store)
   est déjà dans le CSS global ou le CSS local existant.
   ===================================================================== */

/* ---------- 1. HERO ARTICLE (.aphero) ---------- */
.cy .aphero{padding:30px 0 40px}
.cy .aphero .split{
  display:grid;
  grid-template-columns:1fr .8fr;  /* v3 : était 1fr .52fr → image ~44 % de la largeur au lieu de ~34 % */
  gap:36px;                        /* v3 : était 44px → compense la colonne image plus large */
  align-items:center;
}
@media(max-width:820px){
  .cy .aphero .split{grid-template-columns:1fr}
}
.cy .aphero .flags{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:16px;
}
.cy .aphero .flags span{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--violet);
}
.cy .aphero h1{
  font-size:clamp(26px,3.4vw,38px);
  line-height:1.16;
  letter-spacing:-.02em;
  font-weight:700;
  margin-bottom:20px;
  color:var(--ink);
}

/* Métadonnées auteur / date / lecture */
.cy .ameta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  font-size:13.5px;
  color:var(--ink-faint);
}
.cy .ameta .av{
  width:26px;height:26px;border-radius:50%;
  background:var(--halo);color:var(--violet-deep);
  display:grid;place-items:center;
  font-weight:700;font-size:11px;
  flex:none;
}
.cy .ameta b{color:var(--ink);font-weight:600}
.cy .ameta .dot{
  width:3px;height:3px;border-radius:50%;
  background:var(--ink-faint);
  flex:none;
}

/* Image hero à droite */
.cy .aland{
  border-radius:20px;
  aspect-ratio:4/3;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:var(--surface);
  box-shadow:0 20px 44px -26px rgba(18,10,25,.4);
}
@media(max-width:820px){
  .cy .aland{max-width:480px;margin:0 auto}  /* v3 : était 320px → l'image respire sur mobile */
}

/* ---------- 2. CONTENU D'ARTICLE (.article) ---------- */
.cy .article{
  font-size:15.5px;
  line-height:1.65;
  color:var(--ink-soft);
}
.cy .article h2{
  font-size:clamp(21px,2.6vw,28px);
  line-height:1.2;             /* v3 : interligne dédié, les titres sur 2 lignes restent compacts (héritait de 1.65) */
  letter-spacing:-.02em;
  margin:32px 0 14px;
  color:var(--ink);
  scroll-margin-top:96px;
  max-width:600px;             /* v3 : le H2 passe à la ligne comme le texte (≈ 70ch des paragraphes) au lieu de s'étaler sur tout le conteneur */
  overflow-wrap:break-word;    /* v3 : sécurité, casse les mots très longs / URL */
  text-wrap:balance;           /* v3 : équilibre visuellement les lignes (ignoré si non supporté) */
}
.cy .article h3{
  font-size:16.5px;
  letter-spacing:-.01em;
  margin:26px 0 10px;
  color:var(--ink);
  scroll-margin-top:96px;
}
.cy .article p{
  color:var(--ink-soft);
  font-size:15.5px;
  max-width:70ch;
  margin-bottom:14px;
}
.cy .article ul,
.cy .article ol{
  color:var(--ink-soft);
  font-size:15.5px;
  padding-left:20px;
  margin:0 0 16px;
  display:grid;
  gap:6px;
  max-width:70ch;
}
.cy .article ul li::marker,
.cy .article ol li::marker{color:var(--violet)}
.cy .article a{
  color:var(--violet-deep);
  border-bottom:1.5px solid var(--halo);
  transition:border-color .16s;
}
.cy .article a:hover{border-color:var(--violet)}
.cy .article strong{color:var(--ink);font-weight:600}

/* Images dans l'article */
.cy .article figure,
.cy .article .wp-block-image{margin:22px 0}
.cy .article figure img,
.cy .article .wp-block-image img{
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:18px;
  width:100%;
  height:auto;
  display:block;
}
.cy .article figcaption{
  font-size:13px;
  color:var(--ink-faint);
  margin-top:8px;
  text-align:center;
}

/* Blockquote */
.cy .article blockquote{
  border-left:3px solid var(--violet);
  background:var(--surface);
  border-radius:0 14px 14px 0;
  padding:16px 20px;
  margin:22px 0;
  font-style:italic;
  color:var(--ink-soft);
}

/* Tableaux */
.cy .article table{
  width:100%;
  border-collapse:collapse;
  font-size:14.5px;
  margin:22px 0;
}
.cy .article th,
.cy .article td{
  padding:12px 16px;
  border-bottom:1px solid var(--border);
  text-align:left;
}
.cy .article th{
  font-weight:600;
  background:var(--surface);
  color:var(--ink);
}

/* ---------- 3. ENCARTS GUTENBERG ---------- */

/* « À lire aussi » interne */
.cy .seealso{
  border-left:3px solid var(--violet);
  background:var(--surface);
  border-radius:0 14px 14px 0;
  padding:14px 18px;
  font-size:14.5px;
  color:var(--ink-soft);
  margin:22px 0;
}
.cy .seealso b{color:var(--ink);font-weight:600}
.cy .seealso a{
  color:var(--violet-deep);
  font-weight:600;
  border-bottom:1.5px solid var(--halo);
  transition:border-color .16s;
}
.cy .seealso a:hover{border-color:var(--violet)}

/* FAQ interne (details/summary) */
.cy .qa details{padding:8px 0}
.cy .qa summary{
  list-style:none;
  cursor:pointer;
  padding:11px 0;
  display:flex;
  gap:14px;
  align-items:flex-start;
  font-size:16px;
  font-weight:600;
  letter-spacing:-.02em;
  color:var(--ink);
}
.cy .qa summary::-webkit-details-marker{display:none}
.cy .qa summary::after{
  content:"+";
  margin-left:auto;
  font-weight:400;
  font-size:22px;
  color:var(--violet);
  line-height:1;
  transition:transform .2s;
  flex:none;
}
.cy .qa details[open] summary::after{transform:rotate(45deg)}
.cy .qa .a{
  padding:0 0 12px;
  max-width:70ch;
  color:var(--ink-soft);
  font-size:15px;
}

/* ---------- 4. PARTAGE SOCIAL (.share) ---------- */
.cy .share{
  display:flex;
  gap:10px;
  margin:8px 0 0;
}
.cy .share a{
  width:38px;height:38px;
  border-radius:50%;
  border:1px solid var(--border);
  display:grid;
  place-items:center;
  color:var(--ink-soft);
  transition:border-color .16s,color .16s,background-color .16s;
}
.cy .share a:hover{
  border-color:var(--violet);
  color:var(--violet);
  background:var(--halo);
}

/* ---------- 5. COMMENTAIRES (.comments) ---------- */
.cy .comments{padding:60px 0}
.cy .comments h2,
.cy .comments h3{
  font-size:20px;
  margin-bottom:20px;
  letter-spacing:-.02em;
  color:var(--ink);
}
.cy .comments .comment{
  border-bottom:1px solid var(--border);
  padding:20px 0;
}
.cy .comments .comment-author{
  font-weight:600;
  color:var(--ink);
  font-size:15px;
}
.cy .comments .comment-meta{
  font-size:13px;
  color:var(--ink-faint);
  margin-top:2px;
}
.cy .comments .comment-content{
  font-size:15px;
  color:var(--ink-soft);
  margin-top:8px;
  line-height:1.65;
}
.cy .comments .comment-reply-link{
  font-size:13px;
  color:var(--violet);
  font-weight:600;
  margin-top:8px;
  display:inline-block;
}
.cy .comments .comment-form input,
.cy .comments .comment-form textarea{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:12px;
  padding:13px 15px;
  width:100%;
  font-family:inherit;
  font-size:15px;
  color:var(--ink);
}
.cy .comments .comment-form input:focus,
.cy .comments .comment-form textarea:focus{
  outline:none;
  border-color:var(--violet);
  background:#fff;
}
.cy .comments .submit{
  background:var(--violet);
  color:#fff;
  border-radius:999px;
  padding:14px 28px;
  font-weight:700;
  border:0;
  cursor:pointer;
  margin-top:12px;
  transition:background-color .16s;
}
.cy .comments .submit:hover{background:var(--ink)}

/* ---------- 6. RESPONSIVE ---------- */
@media(max-width:820px){
  .cy .aphero{padding:20px 0 30px}
  .cy .ameta{font-size:13px;gap:8px}
  .cy .ameta .av{width:24px;height:24px;font-size:10px}
}
@media(max-width:640px){
  .cy .article h2{font-size:20px}
  .cy .article h3{font-size:16px}
}

/* ---------- 7. ACCESSIBILITÉ ---------- */
@media (prefers-reduced-motion:reduce){
  .cy .article a,
  .cy .seealso a,
  .cy .qa summary::after,
  .cy .share a,
  .cy .comments .submit{transition:none}
}

/* ---------- 8. IMPRESSION ---------- */
@media print{
  .cy .share,
  .cy .comments,
  .cy .dock{display:none!important}
  .cy .article{font-size:12pt;color:#000}
  .cy .article a{color:#000;border-bottom:0}
}/* End custom CSS */