.ar{max-width:720px;margin:0 auto;padding:calc(61px + 9vh) 24px 14vh;box-sizing:border-box}
/* 16/09 (P18) : « ← Tous les articles » etait en capitales 16 px espacees, le seul lien de ce
   style sur le site, et seul en fin de page ; il passe en 13 px sous « À lire ensuite » */
.ar-retour{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:inherit;opacity:.65;margin:18px 0 0}
.ar-retour:hover{opacity:1}
.ar-retour a{color:inherit;text-decoration:none;display:inline-block;padding:11px 2px}
.ar-cat{display:block;font-size:11px;letter-spacing:.26em;text-transform:uppercase;opacity:.65;margin:0 0 10px}
/* fil d'Ariane, chapo et intertitres (Morgane 14/09) */
.ar-fil{font-size:13px;letter-spacing:.04em;opacity:.7;margin:0 0 22px}
.ar-fil a{display:inline-block;padding:6px 0}
.ar-fil a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(22,59,53,.3)}
.ar-fil a:hover{border-bottom-color:currentColor}
.ar-fil span{opacity:.5;margin:0 6px}
.ar-chapo{font-family:'Recoleta',Georgia,serif;font-size:clamp(19px,2vw,23px);line-height:1.4;margin:0 0 16px}
.ar-meta{font-size:13px;letter-spacing:.04em;opacity:.6;margin:0 0 26px}
.ar h2{font-family:'Recoleta',Georgia,serif;font-weight:400;font-size:clamp(23px,2.4vw,30px);line-height:1.2;margin:38px 0 12px;letter-spacing:-.01em}
.ar h3{font-family:'Recoleta',Georgia,serif;font-weight:400;font-size:20px;margin:26px 0 8px}
/* 16/09 (P18) : la fin d'article tenait en trois blocs qui se repetaient (la phrase-pont .jfin
   avec son filet, l'encart bleu generique, puis « ← Tous les articles » en grand). La phrase-pont
   est maintenant DANS l'encart et son lien est le premier bouton : un seul bloc. */
.ar-fin{margin-top:40px;padding:28px 24px;background:var(--bleu);border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:12px}
/* 17/09 : centre */
.ar-fin p{font-family:'Recoleta',Georgia,serif;font-size:19px;line-height:1.3;margin:0;flex:1 1 100%}
.ar-fin .cta{margin:0}
body .ar-fin .cta.cta-bleu,body.bm-a .ar-fin a.cta.cta-bleu[href]{background:#fff!important;box-shadow:0 6px 18px rgba(22,59,53,.12)}
/* 17/09 : un bouton bleu sur l'encart bleu ne se voyait pas */
.ar h1{font-size:clamp(32px,4.2vw,52px);line-height:1.06;margin:0 0 10px;letter-spacing:-.01em}
.ar-date{font-size:13px;opacity:.6;margin:0 0 26px}
.ar-im{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:var(--pos,center);border-radius:12px;margin:0 0 30px;display:block}
/* 16/09 (P18) : « .ar p » attrapait aussi le chapo, la signature, le fil d'Ariane et le lien de
   retour, et les ramenait tous a 17 px (le mobile etait mieux compose que l'ordinateur) : le
   corps ne prend plus que les paragraphes SANS classe, enfants directs de l'article. */
.ar > p:not([class]){font-size:17px;line-height:1.75;margin:0 0 18px}
.ar li{font-size:17px;line-height:1.75}
/* l'exergue : une seule marque, la taille (avant : surlignage jaune SUR du corps 17 px, ca se
   lisait comme un paragraphe surligne par erreur) */
.ar .sur{display:block;font-family:'Recoleta',Georgia,serif;font-size:22px;line-height:1.35;background:none;margin:28px 0}
.ar-suite{margin-top:40px;padding-top:30px;border-top:1px solid rgba(22,59,53,.18)}
.ar-suite .k{font-size:11px;letter-spacing:.26em;text-transform:uppercase;opacity:.65;margin:0 0 14px}
.ar-suite a{display:block;text-decoration:none;color:inherit;font-family:'Recoleta',Georgia,serif;font-size:20px;line-height:1.25;padding:10px 0;border-bottom:1px solid rgba(22,59,53,.1);transition:background .2s}
.ar-suite a span{display:block;font-family:'Glacial Indifference','Jost',sans-serif;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin-bottom:4px}
.ar-suite a i{font-style:normal;display:inline-block;margin-left:8px;transform:translateX(0);transition:transform .25s ease;opacity:.55}
.ar-suite a:hover i{transform:translateX(6px)}
@media (max-width:900px){.ar{padding-top:calc(24px + 6vh)}}
@media (max-width:600px){.ar > p:not([class]),.ar li{font-size:16px}.ar .sur{font-size:20px}}
.ar > p:not([class]) a,.ar li a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ar .ar-faq{margin:8px 0 10px;border-top:1px solid rgba(22,59,53,.16)}
.ar .ar-faq details{border-bottom:1px solid rgba(22,59,53,.16)}
.ar .ar-faq summary{cursor:pointer;list-style:none;padding:16px 34px 16px 0;position:relative;font-size:17px;line-height:1.45}
.ar .ar-faq summary::-webkit-details-marker{display:none}
.ar .ar-faq summary::after{content:'+';position:absolute;right:4px;top:12px;font-size:22px;line-height:1}
.ar .ar-faq details[open] summary::after{content:'\2212'}
.ar .ar-faq details p{margin:0 0 16px;font-size:16px;line-height:1.7}