/* Page article : sommaire, temps de lecture, articles liés */
.article-reading{color:inherit}
.article-toc{margin:0 0 34px}
.article-toc details{border:1px solid #ffffff14;border-left:4px solid var(--electric2,#5b91ce);border-radius:9px;background:linear-gradient(120deg,#22303e,#18212c);box-shadow:0 8px 20px #00000040,inset 0 1px 0 #ffffff12}
.article-toc summary{display:flex;align-items:baseline;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;font:800 1.35rem 'Barlow Condensed',Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc summary::after{content:'+';margin-left:auto;color:var(--electric2,#5b91ce);font-size:1.5rem;line-height:1}
.article-toc details[open] summary::after{content:'−'}
.article-toc summary:focus-visible{outline:2px solid #a9d2ff;outline-offset:2px;border-radius:7px}
.article-toc-count{color:#8fa0b2;font:600 .9rem Barlow,Arial,sans-serif;letter-spacing:0;text-transform:none}
.article-toc ol{margin:0;padding:0 20px 16px 20px;list-style:none;counter-reset:toc}
.article-toc li{counter-increment:toc;border-top:1px solid #ffffff0d}
.article-toc li.is-sub{counter-increment:none}
.article-toc a{display:flex;gap:12px;padding:9px 0;color:#dbe4ec;text-decoration:none;font-size:1rem;line-height:1.35}

.article-toc a:hover,.article-toc a[aria-current]{color:#a9d2ff}
.article-toc a[aria-current]{font-weight:600}
.article-toc a:focus-visible{outline:2px solid #a9d2ff;outline-offset:2px}
#article-text h2,#article-text h3{scroll-margin-top:96px}
#article-text h2:focus,#article-text h3:focus{outline:none}
.article-related{clear:both;margin-top:56px}
.article-related h2{margin:0 0 18px;font:800 2.2rem/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.article-related-grid{display:grid;grid-template-columns:1fr;gap:14px}
.article-related .article-link{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);height:100%;color:inherit;text-decoration:none}
.article-related .article-link *{text-decoration:none}
.article-related .article-cover{aspect-ratio:auto;height:100%;min-height:150px;border-radius:8px 0 0 8px;border-bottom:0;border-right:1px solid #ffffff12}
.article-related .article-copy{padding:18px 20px}
.article-related .article h5{margin:8px 0 14px;font-size:1.5rem;color:#fff}
.article-related .article-cta{color:var(--accent-light,#a9d2ff)}
@media(max-width:600px){.article-related .article-link{grid-template-columns:1fr}.article-related .article-cover{aspect-ratio:16/9;min-height:0;border-radius:8px 8px 0 0;border-right:0;border-bottom:1px solid #ffffff12}.article-related h2{font-size:1.8rem}.article-toc summary{padding:14px 16px}.article-toc ol{padding:0 16px 14px}}
.article-toc li.is-sub a{font-size:.93rem;color:#aebac6;padding-left:18px}
/* Pour aller plus loin */
.article-body .further{clear:both;margin:46px 0 0;padding:20px 24px;border:1px solid #ffffff14;border-left:4px solid #f5c542;border-radius:10px;background:#141c26}
.article-body .further h3{margin:0 0 10px;font:800 1.5rem/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#fff}
.article-body .further ul{margin:0 0 12px;padding:0;list-style:none}
.article-body .further li{margin:0 0 8px;color:#aebac6;line-height:1.45;font-size:.97rem}
.article-body .further li a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid #5b91ce80}
.article-body .further li a:hover{border-bottom-color:#a9d2ff;color:#a9d2ff}
.article-body .further img{width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px #ffffff26}
.article-body .further-all{color:#f5c542;font:700 .95rem 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.article-body .further-all:hover{color:#ffe994}
.article-body .further + .alerts-cta{margin-top:18px}
