/* Texte long du blogue. La feuille principale est figee : ces regles vivent a part. */
.article{max-width:74ch;font-size:17px;line-height:1.75;color:var(--color-ardoise-600)}
.article>*+*{margin-top:1.15em}
.article h2{margin-top:2.4em;font-size:clamp(1.45rem,1.1rem + 1.2vw,1.95rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--color-ardoise-950);scroll-margin-top:96px}
.article h3{margin-top:1.9em;font-size:1.2rem;font-weight:700;letter-spacing:-.015em;color:var(--color-ardoise-950)}
.article strong{font-weight:600;color:var(--color-ardoise-900)}
.article a{color:var(--color-braise-700);text-decoration:underline;text-underline-offset:4px}
.article ul,.article ol{padding-left:1.35em}
.article ul{list-style:disc}
.article ol{list-style:decimal}
.article li+li{margin-top:.5em}
.article li::marker{color:var(--color-braise-700);font-weight:600}
.article .reponse{border:1px solid var(--color-ardoise-200);border-left:3px solid var(--color-braise-700);border-radius:14px;background:#fff;padding:20px 22px;color:var(--color-ardoise-900)}
.article .tableau{overflow-x:auto;border:1px solid var(--color-ardoise-200);border-radius:14px;background:#fff}
.article table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.5;text-align:left}
.article th,.article td{padding:12px 16px;vertical-align:top;border-bottom:1px solid var(--color-ardoise-200)}
.article tr:last-child td{border-bottom:0}
.article thead th{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ardoise-600);background:var(--color-braise-50)}
.article tbody th{font-weight:600;color:var(--color-ardoise-950)}
.article .sources{font-size:13.5px;line-height:1.6}
.signature{display:flex;align-items:center;gap:14px;max-width:74ch;margin-top:48px;padding-top:28px;border-top:1px solid var(--color-ardoise-200);font-size:14.5px;line-height:1.5;color:var(--color-ardoise-600)}
.signature img{width:52px;height:52px;flex:0 0 52px;border-radius:999px;object-fit:cover;background:var(--color-braise-50)}
.signature a{font-weight:600;color:var(--color-ardoise-950);text-decoration:underline;text-underline-offset:4px}
.liste-articles{display:grid;gap:20px}
@media (min-width:768px){.liste-articles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.liste-articles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.auteur-tete{display:grid;gap:28px;align-items:center}
@media (min-width:768px){.auteur-tete{grid-template-columns:200px minmax(0,1fr);gap:44px}}
.auteur-tete img{width:200px;height:200px;border-radius:28px;object-fit:cover;background:var(--color-braise-50)}
.bio>*+*{margin-top:16px}
.article-grille{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.sommaire{align-self:start;border:1px solid var(--color-ardoise-200);border-radius:18px;background:#fff;padding:20px}
.sommaire p{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-braise-700)}
.sommaire ol{margin-top:14px;padding-left:1.2em;list-style:decimal;font-size:14px;line-height:1.45;color:var(--color-ardoise-600)}
.sommaire li+li{margin-top:10px}
.sommaire li::marker{color:var(--color-braise-700);font-weight:600}
.sommaire a{color:var(--color-ardoise-900)}
.sommaire a:hover{color:var(--color-braise-700);text-decoration:underline;text-underline-offset:4px}
@media (min-width:1100px){.article-grille{grid-template-columns:minmax(0,1fr) 260px;gap:48px}.sommaire{grid-column:2;grid-row:1;position:sticky;top:104px}.article-grille>div{grid-column:1;grid-row:1}.article{max-width:none}.signature{max-width:none}}