/* Rôle : présentation article-questions-conversion. Domaine : annuaire public.
 * Méthode : feuille liée, ordre du gabarit conservé. Guide : docs/csp-annuaire.md. */
  /* FAQ « Autres questions » (.faq-sec, rendu SSR depuis blog_articles.faq) :
     look PAA de Google — lignes séparées par un filet, chevron rond à droite,
     accordéon <details> natif (zéro JS), 1re question ouverte. */
  .post .faq-sec{margin:6px 0 34px}
  .post .faq-h{font-size:19px;font-weight:750;margin:0 0 4px}
  .faq-it{border-bottom:1px solid var(--line-soft)}
  .faq-it summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;cursor:pointer;font-size:16.5px;font-weight:600;color:var(--ink);list-style:none;line-height:1.45}
  .faq-it summary::-webkit-details-marker{display:none}
  .faq-it summary:hover{color:var(--accent-deep)}
  .faq-chev{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:transform .2s}
  .faq-chev svg{width:18px;height:18px}
  .faq-it[open]>summary .faq-chev{transform:rotate(180deg)}
  .post .faq-a{padding:0 52px 18px 0}
  .post .faq-a p{font-size:16px;line-height:1.65;color:var(--ink-soft);margin:0}
  @media(max-width:560px){.faq-it summary{font-size:15.5px;padding:15px 0}.post .faq-a{padding-right:0}.faq-chev{width:32px;height:32px}}
  /* « Données chiffrées & études » : même accordéon, source au dépli */
  .post .st-sec{margin:36px 0 30px}
  .post .st-src{font-size:13px;color:var(--ink-mute);margin-top:8px}
  .st-src a{color:var(--accent-deep);font-weight:700;text-decoration:underline;text-underline-offset:2px}

  /* Apparition des cartes « notes » (.bas-note) : effet PROPRE aux notes,
     volontairement différent de la cascade IA (signature réservée à l'Aperçu
     et au bloc Aurora) — glissement latéral bref + pop de l'icône, une fois,
     à l'entrée dans le viewport. Sobre et rapide : les articles peuvent en
     avoir 4+ d'affilée. */
  @keyframes basIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
  @keyframes basPop{0%{opacity:0;transform:scale(.45)}70%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
  .bas-note.basn-wait{opacity:0}
  .bas-note.basn-play{animation:basIn .45s ease both}
  .bas-note.basn-play .bas-ic{animation:basPop .5s cubic-bezier(.34,1.56,.64,1) .12s both}
  @media (prefers-reduced-motion:reduce){
    .bas-note.basn-wait{opacity:1}
    .bas-note.basn-play,.bas-note.basn-play .bas-ic{animation:none}
  }

  /* « Recherches associées » (.rs-sec, façon Google, fin de corps avant la
     note) : liée = flèche accent + lien ; non liée = loupe grise sans lien. */
  .post .rs-sec{margin:36px 0 8px}
  .post .rs-h{font-size:19px;font-weight:750;margin:0 0 14px}
  .rs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .rs-it{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line-soft);font-size:15px;line-height:1.4;text-decoration:none;color:var(--ink);font-weight:600}
  a.rs-it:hover{border-color:var(--accent-soft);color:var(--accent-deep)}
  .rs-it.rs-off{color:var(--ink-mute);font-weight:500}
  .rs-ic{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--ink-mute)}
  .rs-ic svg{width:15px;height:15px}
  a.rs-it .rs-ic{background:var(--accent-softer);color:var(--accent-deep)}
  @media(max-width:680px){.rs-grid{grid-template-columns:1fr}}

  /* Ceinture polices : les contenus collés depuis WordPress embarquent parfois
     un font-family inline (-apple-system…) → on force la police du site.
     (Le gros du junk est nettoyé en base ; ceci protège les imports futurs.) */
  .post [style*="font-family"]{font-family:inherit!important}

  /* Quiz « Qu'avez-vous retenu ? » (.pq, rendu SSR par article-new.js — design
     du prototype pfrbq). Replié par défaut (carte compacte « Commencer le
     quiz ») pour garder l'article lisible ; dépliage en place, une question à
     la fois. Le contenu complet est DANS le DOM (indexable) même replié. */
  .post .pq{--pqn:#132055;--pqv:#5B65DE;--pqv3:#CED1F5;--pqv4:#ECEDFB;--pqok:#1F9D6B;--pqokbg:#E4F5EE;--pqko:#D64550;--pqkobg:#FBE7E9;background:#F4F4FB;border-radius:24px;padding:26px 26px 24px;margin:0 0 28px;color:var(--pqn)}
  .post .pq-title{font-size:22px;font-weight:800;margin:0 0 5px;color:var(--pqn);line-height:1.25}
  .post .pq-sub{font-size:15px;color:var(--pqn);opacity:.65;margin:0 0 16px;line-height:1.5}
  .pq-start{display:inline-block;background:var(--pqv);color:#fff;border:none;border-radius:14px;padding:13px 22px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}
  .pq-start:hover{opacity:.9}
  .pq-full{display:none}
  .pq.open .pq-full{display:block}
  .pq.open .pq-start{display:none}
  .pq-progress{display:flex;gap:6px;margin:4px 0 20px}
  .pq-dot{height:6px;flex:1 1 auto;border-radius:3px;background:var(--pqv3);transition:background .2s}
  .pq-dot.on{background:var(--pqv)}
  .pq-item{display:none}
  .pq-item.cur{display:block}
  .post .pq-step{font-size:12.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--pqv);margin:0 0 8px}
  .post .pq-question{font-size:18.5px;font-weight:700;margin:0 0 14px;line-height:1.32;color:var(--pqn)}
  .pq-opt{position:relative;display:block;width:100%;text-align:left;background:#fff;border:2px solid var(--pqv3);border-radius:14px;padding:14px 44px 14px 16px;margin:0 0 10px;font-size:15px;font-weight:400;font-family:inherit;color:var(--pqn);cursor:pointer;transition:border-color .15s,background .15s}
  .pq-opt:hover{border-color:var(--pqv);background:var(--pqv4)}
  .pq-opt.ok{border-color:var(--pqok);background:var(--pqokbg);cursor:default}
  .pq-opt.ko{border-color:var(--pqko);background:var(--pqkobg);cursor:default}
  .pq-opt.dim{opacity:.55;cursor:default}
  .pq-mark{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:700;font-size:17px}
  .pq-opt.ok .pq-mark{color:var(--pqok)}
  .pq-opt.ko .pq-mark{color:var(--pqko)}
  .post .pq-fb{display:none;border-radius:12px;padding:12px 15px;margin:4px 0 14px;font-size:14px;line-height:1.55}
  .post .pq-fb.show{display:block}
  .pq-fb.good{background:var(--pqokbg);color:#0f5c3f}
  .pq-fb.bad{background:var(--pqkobg);color:#8f2730}
  .pq-next{display:block;width:100%;background:var(--pqv);color:#fff;border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;text-align:center}
  .pq-next:hover{opacity:.9}
  .pq-result{display:none;text-align:center;background:#fff;border-radius:18px;padding:28px 22px;border:2px solid var(--pqv3)}
  .pq-result.show{display:block}
  .post .pq-score{font-size:42px;font-weight:700;color:var(--pqv);margin:0;line-height:1.1}
  .post .pq-score span{font-size:23px;color:var(--pqn);opacity:.5}
  .post .pq-verdict{font-size:20px;font-weight:700;margin:8px 0 10px;color:var(--pqn)}
  .post .pq-msg{font-size:15px;line-height:1.6;margin:0;color:var(--pqn)}
  .pq-restart{display:inline-block;background:none;border:none;color:var(--pqv);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;margin:14px 0 0;text-decoration:underline}
  .pq-footer{text-align:center;margin:20px 0 0}
  .pq-footer img{height:22px;width:auto;display:inline-block}
  @media(max-width:560px){.post .pq{padding:20px 16px 18px;border-radius:18px}}

  /* Pilule « Faire le quiz » : apparaît en bas d'écran à ~55 % de scroll si le
     quiz n'a pas été ouvert — jamais bloquante, masquable, disparaît quand le
     quiz est visible. Sur mobile, décalée au-dessus de la barre CTA sticky. */
  .pq-pill{position:fixed;left:50%;bottom:22px;z-index:75;display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--line-soft);border-radius:999px;box-shadow:0 14px 40px -12px rgba(20,25,60,.35);padding:5px 6px 5px 16px;transform:translateX(-50%) translateY(110px);transition:transform .35s cubic-bezier(.34,1.3,.64,1);max-width:calc(100vw - 24px)}
  .pq-pill.show{transform:translateX(-50%) translateY(0)}
  .pq-pill[hidden]{display:none}
  .pq-pill-go{font-family:inherit;font-size:14px;color:var(--ink);background:none;border:none;cursor:pointer;padding:7px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;display:inline-block}
  .pq-pill-go b{color:var(--accent-deep);font-weight:800;margin-left:6px}
  .pq-pill-x{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--bg);border:none;cursor:pointer;color:var(--ink-mute);font-size:12px;font-family:inherit;display:flex;align-items:center;justify-content:center}
  @media(max-width:900px){.pq-pill{bottom:calc(84px + env(safe-area-inset-bottom))}}
  @media (prefers-reduced-motion:reduce){.pq-pill{transition:none}}
  .ai-ov-tgl{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
  .ai-ov-extra{position:relative;max-height:104px;overflow:hidden;transition:max-height .3s ease}
  .ai-ov-extra::after{content:"";position:absolute;left:0;right:0;bottom:0;height:68px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 82%);pointer-events:none;transition:opacity .2s}
  .post .ai-ov-sub{font-size:13px;font-weight:800;letter-spacing:-.01em;color:var(--o-deep);margin:16px 0 10px;text-transform:none}
  .ai-ov-extra ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
  .post .ai-ov-extra li{position:relative;padding-left:18px;font-size:16px;line-height:1.6;color:var(--o-soft);margin:0}
  .ai-ov-extra li::before{content:"";position:absolute;left:2px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--o-accent)}
  .ai-ov-extra li b{color:var(--o-ink);font-weight:700}
  .ai-ov-src{display:inline-flex;align-items:center;gap:5px;margin-left:5px;padding:1px 9px 1px 5px;border-radius:99px;background:#EDEFF8;border:1px solid var(--o-soft-bg);font-size:12px;font-weight:600;color:var(--o-soft);text-decoration:none;vertical-align:baseline;white-space:nowrap;line-height:1.7;transition:background .15s,border-color .15s}
  .ai-ov-src:hover{background:#E1E5F5;border-color:var(--o-accent);color:var(--o-deep)}
  .ai-ov-src img{width:15px;height:15px;border-radius:4px;display:block;margin:0;flex:0 0 auto}
  .post .ai-ov a.ai-ov-src,.post .ai-ov a.ai-ov-src:hover{text-decoration:none;font-weight:600}
  .ai-ov-qcont{margin-top:10px}
  /* Format Q/R (registre humain 24/07) : question en gras + intro + puces, une
     source par question. Puces communes à la 1re question (visible) et aux
     suivantes (repliées). */
  .post .ai-ov-intro{margin:0 0 15px;font-size:16px;line-height:1.65;font-weight:400;color:var(--o-ink)}
  .post .ai-ov-intro b,.post .ai-ov-intro strong{color:var(--o-ink);font-weight:700}
  .post .ai-ov-concl{margin:18px 0 0;font-size:16px;line-height:1.65;font-weight:400;color:var(--o-soft)}
  .post .ai-ov-concl b,.post .ai-ov-concl strong{color:var(--o-ink);font-weight:700}
  .ai-ov-first .ai-ov-q{margin:0}
  .ai-ov-extra .ai-ov-q{margin:0}
  .ai-ov-extra .ai-ov-q + .ai-ov-q{margin-top:20px}
  .post .ai-ov-qh{margin:0 0 9px;font-size:15.5px;line-height:1.45;font-weight:800;letter-spacing:-.01em;color:var(--o-deep)}
  .post .ai-ov-first .ai-ov-q + .ai-ov-q,.ai-ov-first .ai-ov-q ~ .ai-ov-q{margin-top:20px}
  .post .ai-ov-qi{margin:0 0 10px;font-size:16px;line-height:1.65;font-weight:400;color:var(--o-soft)}
  .post .ai-ov-qi b,.post .ai-ov-qi strong{color:var(--o-ink);font-weight:700}
  .post .ai-ov-q li strong{color:var(--o-ink);font-weight:700}
  .ai-ov-q ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
  .post .ai-ov-q li{position:relative;padding-left:18px;font-size:16px;line-height:1.6;color:var(--o-soft);margin:0}
  .ai-ov-q li::before{content:"";position:absolute;left:2px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--o-accent)}
  .post .ai-ov-q li b{color:var(--o-ink);font-weight:700}
  .ai-ov-extra .ai-ov-q:first-child{padding-top:2px}
  /* « Sources & références » en toute fin d'article (colonne sources, extraite du
     corps) : sobre, discret, pastilles domaine cohérentes avec l'Aperçu IA. */
  .art-sources{margin:36px 0 6px;padding-top:18px;border-top:1px solid #E7E7F1}
  .post .art-sources h2{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8B91B0;margin:0 0 12px}
  .art-sources ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
  .post .art-sources li{font-size:13.5px;line-height:1.6;color:#4A527A;margin:0}
  .src-dom{display:inline-flex;align-items:center;margin-left:6px;padding:1px 9px;border-radius:99px;background:#EDEFF8;border:1px solid #E8EAFB;font-size:11.5px;font-weight:600;color:#4A527A;text-decoration:none;vertical-align:baseline;white-space:nowrap;transition:background .15s,border-color .15s}
  .src-dom:hover{background:#E1E5F5;border-color:#5B65DE;color:#3A4BC2}

  /* Passage cité par l'Aperçu IA : surligné quand on clique sur sa puce source.
     ⚠ La navigation vers l'ancre DONNE LE FOCUS au span (tabindex=-1) : sans
     outline:none, iOS/Safari dessine son anneau de focus bleu autour de chaque
     ligne surlignée (la « bordure » vue par Alexandre). */
  .ai-ov-mark{border-radius:3px;scroll-margin-top:100px;transition:background-color .25s,box-shadow .25s;outline:none;-webkit-tap-highlight-color:transparent}
  .ai-ov-mark:focus,.ai-ov-mark:focus-visible{outline:none}
  .post .ai-ov-mark.is-hl{background:#FFE9A8;box-shadow:0 0 0 2px #FFE9A8}
  .ai-ov-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:7px;margin-top:16px;padding:11px 18px;border:1px solid #D8DBEE;border-radius:99px;background:#fff;color:var(--o-deep);font-size:14.5px;font-weight:600;cursor:pointer;user-select:none;transition:background .15s,border-color .15s}
  .ai-ov-btn:hover{background:var(--o-softer);border-color:var(--o-accent)}
  .ai-ov-chev{width:15px;height:15px;transition:transform .25s}
  .ai-ov-btn .lless{display:none}
  .ai-ov-tgl:checked ~ .ai-ov-extra{max-height:1400px}
  .ai-ov-tgl:checked ~ .ai-ov-extra::after{opacity:0}
  .ai-ov-tgl:checked ~ .ai-ov-btn .lmore{display:none}
  .ai-ov-tgl:checked ~ .ai-ov-btn .lless{display:inline}
  .ai-ov-tgl:checked ~ .ai-ov-btn .ai-ov-chev{transform:rotate(180deg)}
  .ai-ov-tgl:focus-visible ~ .ai-ov-btn{outline:2px solid var(--o-accent);outline-offset:2px}
  .aur-tldr{--aur-ink:#1B2042;--aur-soft:#4A527A;--aur-mute:#8B91B0;--aur-accent:#5B65DE;--aur-deep:#3A4BC2;--aur-soft-bg:#E8EAFB;--aur-softer:#F1F2FC;margin:0 0 26px;background:linear-gradient(180deg,var(--aur-softer),#fff 60%);border:1px solid var(--aur-soft-bg);border-radius:16px;padding:22px 26px 24px;font-family:inherit;color:var(--aur-ink);-webkit-font-smoothing:antialiased;box-sizing:border-box}
  .aur-tldr *{box-sizing:border-box}
  .aur-tldr .aur-hd{display:flex;align-items:center;gap:11px;margin-bottom:16px}
  .aur-tldr .aur-ai{width:34px;height:34px;border-radius:10px;background:var(--aur-accent);display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 6px 16px -6px var(--aur-accent)}
  .aur-tldr .aur-ai svg{width:20px;height:20px;display:block}
  .post .aur-tldr h2{font-size:15.5px;font-weight:800;letter-spacing:-0.01em;line-height:1.2;margin:0;color:var(--aur-ink)}
  .aur-tldr .aur-sub{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--aur-deep);margin-top:3px}
  .aur-tldr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
  .post .aur-tldr li{display:flex;gap:12px;font-size:16px;line-height:1.6;color:var(--aur-soft);margin:0}
  .aur-tldr li b{color:var(--aur-ink)}
  .aur-tldr li .aur-dot{width:7px;height:7px;border-radius:50%;background:var(--aur-accent);flex:0 0 auto;margin-top:8px}
  .aur-tldr .aur-ft{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--aur-soft-bg);font-size:12px;font-weight:600;color:var(--aur-mute)}
  .aur-tldr .aur-ft svg{width:13px;height:13px;flex:0 0 auto}

  .callout.alert{background:#FDF3F1;border-color:#F3D5CE}
  .callout.alert svg{color:#C0392B}
  /* Citations (.quote-card, habillées par styleQuotes) : symbole psychologue.fr
     en guillemet, carte blanche sobre — fini l'italique intégral à bordure. */
  blockquote.quote-card{position:relative;margin:26px 0;padding:20px 22px 20px 66px;background:#fff;border:1px solid var(--line-soft);border-radius:16px}
  .q-ic{position:absolute;left:22px;top:22px;width:24px;color:var(--accent);line-height:0}
  .q-ic svg{width:24px;height:auto;display:block}
  .q-body{min-width:0}
  blockquote.quote-card p{font-size:16px;font-weight:500;color:var(--ink-soft);font-style:normal;margin:0 0 10px;line-height:1.7}
  blockquote.quote-card p:last-child{margin-bottom:0}
  blockquote.quote-card cite{display:block;margin-top:10px;font-size:13px;color:var(--ink-mute);font-weight:700;font-style:normal}
  @media(max-width:560px){blockquote.quote-card{padding:18px 16px 16px 52px}.q-ic{left:16px;top:18px;width:20px}.q-ic svg{width:20px}}

  /* tableau comparatif */
  .ptable{margin:20px 0 26px;border:1px solid var(--line);border-radius:16px;overflow-x:auto}
  .ptable table{width:100%;border-collapse:collapse;min-width:520px}
  .ptable th{background:var(--bg-alt);text-align:left;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding:12px 16px}
  .ptable td{font-size:14.5px;color:var(--ink-soft);padding:13px 16px;border-top:1px solid var(--line-soft);vertical-align:top;line-height:1.55}
  .ptable td.dk{font-weight:700;color:var(--ink)}

  /* CTA in-article — aperçu thérapie par message */
  .inline-cta{background:var(--accent);border-radius:22px;padding:8px;margin:38px 0;box-shadow:0 34px 70px -40px rgba(58,75,194,.6)}
  .ic-top{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;padding:11px 14px 9px;flex-wrap:wrap}
  .ic-kick{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#fff}
  .ic-live{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:700;font-size:12px}
  .ic-live .dot{width:7px;height:7px;border-radius:50%;background:#43D98C}
  .ic-body{background:var(--surface);border-radius:16px;padding:20px;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center}
  .ic-psy{display:flex;align-items:center;gap:12px;margin-bottom:14px}
  .ic-psy .av{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex:0 0 auto;box-shadow:0 0 0 3px var(--accent-soft)}
  .ic-psy .nm{font-size:15px;font-weight:800;color:var(--ink);line-height:1.15}
  .ic-psy .rl{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-mute);font-weight:600;margin-top:3px;flex-wrap:wrap}
  .ic-psy .rpps{display:inline-flex;align-items:center;gap:4px;background:var(--success-soft);color:var(--success-text);font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}
  .ic-psy .rpps svg{width:11px;height:11px}
  .ic-t{font-size:19px;font-weight:800;letter-spacing:-0.02em;line-height:1.25;color:var(--ink)}
  .ic-t em{font-style:normal;color:var(--accent-deep)}
  .ic-feats{display:flex;flex-direction:column;gap:8px;margin-top:14px}
  .ic-feat{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--ink-soft)}
  .ic-feat svg{width:16px;height:16px;color:var(--accent);flex:0 0 auto}
  .ic-body .btn{margin-top:16px;border-radius:999px;width:100%}
  .ic-sub{text-align:center;font-size:11.5px;color:var(--ink-mute);font-weight:600;margin-top:8px}
  /* aperçu conversation */
  .chat{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:9px}
  .chat .day{align-self:center;font-size:10.5px;font-weight:700;color:var(--ink-mute);background:var(--bg-alt);border-radius:99px;padding:3px 10px}
  .bub{max-width:85%;padding:10px 13px;border-radius:14px;font-size:12.5px;line-height:1.5;font-weight:500}
  .bub.psy{align-self:flex-start;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-bottom-left-radius:4px}
  .bub.me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}
  .bub .who{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;color:var(--accent-deep);margin-bottom:4px}
  .bub .who .mini{width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800}
  .typing{align-self:flex-start;display:inline-flex;gap:4px;padding:10px 13px;background:var(--surface);border:1px solid var(--line);border-radius:14px;border-bottom-left-radius:4px}
  .typing i{width:5px;height:5px;border-radius:50%;background:var(--ink-mute);opacity:.5;animation:ty 1.2s infinite}
  .typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}
  @keyframes ty{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-3px);opacity:1}}
  @media (prefers-reduced-motion: reduce){.typing i{animation:none}}

  /* bloc auteur / relecture */
  .author{display:flex;gap:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:44px}
  .author .av{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex:0 0 auto}
  .author .at{font-size:15px;font-weight:800}
  .author .ad{font-size:13.5px;color:var(--ink-soft);margin-top:5px;line-height:1.6}
  .author .al{display:inline-flex;margin-top:9px;font-size:13px;font-weight:700}

  /* pied d'article */
  .post-foot{margin-top:36px;padding-top:24px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
  .post-foot .upd{font-size:13px;color:var(--ink-mute);font-weight:600}
  .tags{display:flex;gap:8px;flex-wrap:wrap}
  .tag{display:inline-flex;font-size:12px;font-weight:700;background:var(--bg-alt);color:var(--ink-soft);padding:6px 12px;border-radius:99px}

  /* ============ ARTICLES LIÉS ============ */
  .related{padding:0 0 72px}
  .related h2{font-size:24px;font-weight:800;letter-spacing:-0.02em;margin-bottom:24px}
  .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .rcard{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s,transform .18s;color:inherit}
  .rcard:hover{border-color:#C6CBEA;transform:translateY(-2px);color:inherit}
  .rcard .ph{aspect-ratio:16/10;border-radius:0;border:0;border-bottom:1px solid var(--line-soft)}
  .rcard .in{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
  .rcard .cat{display:inline-flex;background:var(--accent-softer);color:var(--accent-deep);font-weight:700;font-size:11.5px;padding:4px 10px;border-radius:99px;align-self:flex-start}
  .rcard h3{font-size:15.5px;font-weight:800;line-height:1.3;letter-spacing:-0.01em}
  .rcard:hover h3{color:var(--accent-deep)}
  .rcard .meta{margin-top:auto;font-size:12.5px;color:var(--ink-mute);font-weight:600}

  /* ============ CONVERSION FIN D'ARTICLE ============ */
  .convert{padding:0 0 64px}
  .convert-card{background:var(--ink-dark);border-radius:26px;padding:48px 52px;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;color:#fff}
  .convert .eyebrow{color:#C3C8F5;background:rgba(255,255,255,.08)}
  .convert h2{font-size:30px;font-weight:800;letter-spacing:-0.025em;line-height:1.15;margin-top:14px}
  .convert h2 em{font-style:normal;color:#9AA2F0}
  .convert .cv-sub{color:#AEB4DA;font-size:15px;line-height:1.65;margin-top:12px;max-width:440px}
  .convert .cv-trust{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}
  .convert .cv-stars{color:var(--star);letter-spacing:2px;font-size:15px}
  .convert .cv-tt{font-size:12.5px;color:#AEB4DA;font-weight:600}
  .convert .cv-tt b{color:#fff}
  .convert .cv-cta{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
  .convert .cv-cta .btn{background:#fff;color:var(--ink);border-radius:999px}
  .convert .cv-cta .btn.ghosty{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18)}
  .steps{display:flex;flex-direction:column;gap:12px}
  .step{display:flex;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 18px}
  .step .num{width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex:0 0 auto}
  .step .st{font-size:14.5px;font-weight:800}
  .step .sd{font-size:12.5px;color:#9AA0C8;margin-top:3px;line-height:1.5}

  /* ============ MAILLAGE VILLES ============ */
  .cities{padding:0 0 72px}
  .cities-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:34px 38px}
  .cities-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
  .cities-card h2{font-size:22px;font-weight:800;letter-spacing:-0.02em}
  .cities-card .sub{font-size:14px;color:var(--ink-mute);font-weight:600;margin-top:6px;max-width:560px;line-height:1.55}
  .cities-all{font-size:13.5px;font-weight:700;white-space:nowrap}
  .city-links{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 20px;margin-top:20px}
  .city-links a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-soft);padding:8px 10px;border-radius:9px}
  .city-links a:hover{background:var(--accent-softer);color:var(--accent-deep)}
  .city-links a svg{width:13px;height:13px;color:var(--accent);flex:0 0 auto}

  /* ============ FOOTER ============ */

  /* ============ RESPONSIVE ============ */
  @media (max-width:1080px){
  }
  @media (max-width:960px){
    .ahero-grid{grid-template-columns:1fr;gap:24px}
    .ahero-img{max-width:320px}
    .adoc{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px 0 56px}
    /* Mobile : pas de sommaire (allègement 24/07 — le haut de page porte déjà
       hero + Aperçu IA + FAQ) ni de photo d'illustration (un écran gagné, LCP). */
    .toc{display:none}
    .ahero-img{display:none}
    .toc nav a.on{background:var(--accent-softer);border-color:var(--accent-soft)}
    .toc .tt{padding-left:2px}
    .toc-cta{display:none}
    article.post{padding:34px 26px 42px}
    .rgrid{grid-template-columns:1fr 1fr}
    .city-links{grid-template-columns:1fr 1fr}
  }
  @media (max-width:680px){
    .ahero h1{font-size:29px}
    .rgrid{grid-template-columns:1fr}
    .city-links{grid-template-columns:1fr}
    .cities-card{padding:26px 22px}
    .ic-body{grid-template-columns:1fr}
    .convert-card{grid-template-columns:1fr;padding:32px 26px;gap:28px}
    .convert h2{font-size:24px}
  }

  /* ─────────────────────────────────────────────────────────────────────────
     RYTHME DE PROSE UNIFIÉ (24/07) — même line-height que le paragraphe classique
     (.post p = 1.75) sur TOUT le texte de lecture, quel que soit le bloc : corps,
     HTML récupéré, aperçu IA, PAA/FAQ, notes, « à retenir », Q&R d'expert, tables.
     Placé en fin de <style> → gagne dans la cascade (spécificité égale). On ne touche
     QU'À line-height, sur du TEXTE : le design des blocs (fond, padding, bordures,
     display) reste 100 % intact. Le « chrome » (titres h2/h3, eyebrows, labels,
     question de la Q&R, résumé de l'aperçu) garde SA line-height — il n'est PAS
     dans le sélecteur ci-dessous, donc non modifié. ───────────────────────────── */
  .post{--prose-lh:1.75}
  .post,
  .post p, .post li, .post td,
  .post .aur-tldr li,
  .post .faq-a p, .post .faq-a li,
  .post .lea-note-text, .post .lea-note-body p, .post .lea-note-body li,
  .post .bas-body p, .post .bas-body li,
  .post .ai-ov-lead, .post .ai-ov-extra li,
  .post .q-body p, .post .q-body li,
  .post .expert-qa-answer, .post .expert-qa-answer p{ line-height:var(--prose-lh); }