/* Démystification — archive des articles; conserve le thème du site */
:root{--ink:#333;--line:#d7e1db;--muted:#666;--tint:#f7faf8}
body{color:var(--ink)}nav.article-nav{max-width:100%;gap:17px}nav.article-nav a{white-space:normal}
.article-index-main{max-width:960px}.article-index-main>p.introduction{max-width:760px;margin:0 auto 38px;text-align:justify;hyphens:auto}
.article-sections{display:flex;justify-content:center;gap:12px;margin:0 0 45px;flex-wrap:wrap}.article-sections a{font-size:15px;color:#36544b;text-decoration:underline;text-underline-offset:4px}
.year-section{margin:0 0 33px}.year-section h2{font-size:23px;font-weight:500;padding-bottom:5px;border-bottom:1px solid #e1e7e3;margin:10px 0 17px}
.articles-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;list-style:none;padding:0;margin:0}
.articles-list li{min-width:0}.article-card{display:flex;flex-direction:column;height:265px;box-sizing:border-box;padding:20px 22px;background:var(--tint);border:1px solid var(--line);border-radius:4px;text-decoration:none;color:inherit;transition:background .2s,border-color .2s}
.article-card:hover{background:#edf4f0;border-color:#9daf9f}.article-card h3{font-size:18px;line-height:1.3;margin:7px 0 12px;font-weight:600;overflow-wrap:anywhere}
.article-card .excerpt{font-size:14px;color:#515e58;line-height:1.55;margin-top:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-card .metadata{font-size:13px;color:#616d66;display:flex;flex-wrap:wrap;gap:6px}
.archival-note{padding:15px 18px;background:#fbfbf9;border-left:3px solid #b9c9bc;margin:25px 0}
.article-page{max-width:870px}.article-page h1{font-size:34px;max-width:810px;margin:28px auto 17px}.article-meta{text-align:center;color:var(--muted);font-size:14px;margin:0 auto 36px}
.article-content{max-width:745px;margin:auto;font-size:18px;line-height:1.74;hyphens:auto;overflow-wrap:break-word}
.article-content p{text-align:justify;margin-bottom:19px}.article-content h2,.article-content h3,.article-content h4{font-weight:500;line-height:1.4;margin:28px 0 12px}
.article-content h2{font-size:25px}.article-content h3{font-size:21px}.article-content h4{font-size:19px}
.article-content ul,.article-content ol{padding-left:26px}.article-content li{margin-bottom:8px}.article-content blockquote{border-left:3px solid #b3c4ba;padding-left:18px;margin:24px 0;font-style:italic}
.article-content a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.article-content table{display:block;max-width:100%;overflow:auto}
.article-comments{max-width:745px;margin:70px auto 15px;border-top:1px solid #ccd8d0;padding-top:26px}.article-comments h2{font-size:23px;margin:0 0 20px}.article-comment{border-bottom:1px solid #e1e7e3;padding:16px 0}
.article-comment .author{font-weight:700}.article-comment time{font-size:13px;color:#767676;margin-left:12px}.article-comment .body{white-space:pre-line;margin:12px 0 0;font-size:16px;line-height:1.6}
.archived{font-size:13px;color:#777}.article-footer{max-width:745px;margin:45px auto 0;border-top:1px solid #ddd;padding-top:23px}
@media(max-width:720px){.articles-list{grid-template-columns:1fr}.article-index-main{padding:26px 17px}.article-page{padding:24px 17px}.article-page h1{font-size:28px}.article-content{font-size:17px}.article-content p{text-align:left}.article-card{height:300px}.article-index-main>p.introduction{text-align:left}}

/* Cartes de même hauteur dans toutes les années, titres complets. */
.articles-list li,.articles-list .article-card{width:100%}
.article-card:focus-visible{outline:2px solid #315547;outline-offset:3px}