/* ===== Design d'article commun aux sites APS =====
   Repris du format enrichi d'angel-protection.fr : colonne de lecture
   large, sommaire latéral fixe, titres numérotés, FAQ dépliable. */
.art-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;
 max-width:1180px;margin:0 auto;padding:34px 24px 70px;align-items:start}
.art-body{max-width:760px;font-size:16.5px;line-height:1.75}
.art-body>p:first-of-type,.art-body .lead{font-size:18px;line-height:1.7;color:inherit;opacity:.92;margin:0 0 26px}
.art-body h2{font-size:23px;line-height:1.3;margin:42px 0 12px;padding-bottom:9px;
 border-bottom:2px solid var(--aps-or,#c9a24b);scroll-margin-top:96px}
.art-body h3{font-size:18px;margin:26px 0 8px}
.art-body p{margin:0 0 16px}
.art-body ul,.art-body ol{padding-left:22px;margin:0 0 18px}
.art-body li{margin:7px 0}
.art-body strong{font-weight:700}

/* Sommaire latéral : il suit le lecteur pendant le défilement. */
.toc-side{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 110px);overflow:auto}
.toc-sticky{font-size:13.5px}
.toc-title{font-size:11px;letter-spacing:.11em;text-transform:uppercase;
 color:var(--aps-or,#8a6d12);font-weight:800;margin:0 0 11px}
.toc-sticky ol{list-style:none;counter-reset:toc;margin:0;padding:0}
.toc-sticky li{counter-increment:toc;margin:0}
.toc-sticky a{display:block;padding:7px 0;border-bottom:1px solid rgba(128,128,128,.18);
 text-decoration:none;color:inherit;opacity:.78;transition:.15s}
.toc-sticky a::before{content:counter(toc);color:var(--aps-or,#c9a24b);font-weight:800;margin-right:8px}
.toc-sticky a:hover,.toc-sticky a.on{opacity:1;color:var(--aps-or,#8a6d12)}

/* Questions fréquentes */
.faq-item{border:1px solid rgba(128,128,128,.22);border-radius:12px;padding:14px 17px;margin:10px 0}
.faq-item h3{margin:0 0 7px;font-size:16px}
.faq-item p{margin:0;opacity:.85;font-size:15px}

/* Les liens du texte doivent se voir : couleur distincte et soulignement. */
.art-body a:not(.btn){color:var(--aps-or,#8a6d12);font-weight:700;
 text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.art-body a:not(.btn):hover{text-decoration-thickness:3px}

@media(max-width:1040px){
  .art-grid{grid-template-columns:1fr;gap:20px;padding:24px 18px 56px}
  .toc-side{position:static;max-height:none;border:1px solid rgba(128,128,128,.22);
   border-radius:12px;padding:14px 16px}
  .art-body{max-width:none}
}