/* Pages de référencement (articles), 15/10/2026 */
.art-hero .eyebrow-h{display:block;font-family:'Archivo',Arial,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris-veg);margin-bottom:14px}
.art{max-width:720px;margin:0 auto;padding:44px 22px 20px;font-size:1.06rem;line-height:1.7;color:#101815}
.art h2{font-family:'Archivo',Arial,sans-serif;font-weight:800;font-size:clamp(23px,4.2vw,30px);line-height:1.12;letter-spacing:-.02em;margin:40px 0 14px;color:#101815}
.art p{margin:0 0 16px}
.art ul,.art ol{margin:0 0 18px;padding-left:22px}
.art li{margin:0 0 8px}
.art b{color:#101815}
.art a{color:var(--orangef);text-underline-offset:3px}
.art .chapo{font-size:1.15rem;color:#3C4A44}
.art .citation{border-left:3px solid var(--abysse);padding:4px 0 4px 18px;margin:26px 0;font-family:'Archivo',Arial,sans-serif;font-weight:800;font-size:1.25rem;line-height:1.3}
.art-cta{max-width:720px;margin:26px auto 0;padding:0 22px}
.art-cta .bloc{background:var(--abysse);color:#fff;border-radius:22px;padding:30px 24px}
.art-cta .bloc b.t{display:block;font-family:'Archivo',Arial,sans-serif;font-weight:800;font-size:clamp(23px,4.6vw,30px);line-height:1.1;letter-spacing:-.02em}
.art-cta .bloc p{color:#C9D6D1;margin:12px 0 20px}
.art-cta .second{display:inline-block;margin-top:14px;color:#C9D6D1;font-size:.95rem;text-decoration:underline;text-underline-offset:3px}
.art-liens{max-width:720px;margin:0 auto;padding:40px 22px 56px}
.art-liens span.eye{display:block;font-family:'Archivo',Arial,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#6B7A74;margin-bottom:12px}
.art-liens a{display:block;padding:14px 0;border-top:1px solid var(--line);color:#101815;font-family:'Archivo',Arial,sans-serif;font-weight:700;font-size:1.05rem;text-decoration:none}
.art-liens a:hover{color:var(--orangef)}
/* bouton contour, repris de l'accueil */
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.btn-contour{position:relative;display:inline-block;color:#fff;border-radius:999px;padding:10px 21px;font-family:'Archivo';font-weight:700;font-size:.9rem;text-decoration:none}
.btn-contour::before{content:'';position:absolute;inset:0;border-radius:999px;padding:2px;
  background:conic-gradient(from var(--angle), #FF4310 0 18%, rgba(255,255,255,.25) 26% 92%, #FF4310 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:tourne 3s linear infinite}
.btn-contour:hover{background:rgba(255,255,255,.1)}
@keyframes tourne{to{--angle:360deg}}