/* Articles et lexique : lecture confortable dans la continuité du modèle validé. */
.editorial-page{background:#fffcf8}
.editorial-hero{padding:calc(var(--header-height) + 36px) 0 58px;background:#f5f1eb}
.editorial-title-wrap{max-width:1040px}
.editorial-page h1{font-size:clamp(36px,3.9vw,58px);line-height:1.23;letter-spacing:-.05em;text-wrap:balance}
.editorial-page .article-topic{font-size:14px;font-weight:600;color:#526166;margin:0 0 20px;max-width:850px;line-height:1.6}
.publication-date{display:block;color:#617073;font-size:14px;line-height:1.5;letter-spacing:.01em}
.editorial-hero .publication-date{margin-top:28px}
.editorial-deck{font-size:24px;line-height:1.6;margin:26px 0}
.editorial-hero-actions{display:flex;flex-wrap:wrap;gap:20px 42px;margin-top:32px}
.editorial-hero .text-link{font-size:16px;text-decoration:underline;text-decoration-color:#b6d1d5;text-underline-offset:5px}
.editorial-main{min-width:0}
.article-reading{max-width:850px;min-width:0}
.article-intro{margin-bottom:64px;outline-offset:8px}
.article-intro:focus:not(:focus-visible),.lexicon-introduction:focus:not(:focus-visible){outline:none}
.editorial-photo{display:block;width:100%;height:auto;border-radius:14px;background:#eee9e1}
.article-intro .editorial-photo{margin-bottom:40px}
.article-reading p{font-size:18px;line-height:1.85;margin:0 0 20px}
.article-reading p:last-child{margin-bottom:0}
.article-intro p{font-size:20px;line-height:1.8}
.article-reading .information-section{margin-bottom:64px}
.article-reading .information-section h2{font-size:clamp(26px,2.45vw,36px);line-height:1.4;margin-bottom:26px;letter-spacing:-.035em;text-wrap:initial}
.article-reading h3{font-size:22px;line-height:1.5;font-weight:600;letter-spacing:-.025em;margin:32px 0 16px}
.editorial-subsection{margin:28px 0}
.editorial-subsection h3{margin-top:0}
.editorial-list{margin:22px 0 28px;padding:0;list-style:none}
.editorial-list li{position:relative;padding:0 0 0 25px;margin:0 0 14px;font-size:18px;line-height:1.8}
.editorial-list li:before{content:'';position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:#9ebfc4}
.editorial-list li:nth-child(even):before{background:#d2a0b9}
.article-actions{border-top:1px solid #e0d9d0;padding-top:32px;display:flex;flex-wrap:wrap;gap:20px 32px}
.article-actions .text-link{font-size:16px}
.lexicon-introduction{font-size:18px;color:#526166;border-bottom:1px solid #ddd7ce;padding-bottom:30px;margin-bottom:48px}
.lexicon-term{border-bottom:1px solid #ddd7ce;padding-bottom:48px}
.lexicon-term:last-child{border-bottom:0;padding-bottom:0}
.editorial-page .desktop-nav a[aria-current="true"]{text-decoration:underline;text-decoration-color:#8abfc7;text-decoration-thickness:2px;text-underline-offset:8px}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px;padding:64px 0 88px;outline-offset:8px}
.news-grid:focus:not(:focus-visible),.news-entry:focus:not(:focus-visible){outline:none}
.news-entry{min-width:0;border-bottom:1px solid #dfd8cf;padding-bottom:36px;scroll-margin-top:calc(var(--header-height) + 24px)}
.news-entry .editorial-photo{aspect-ratio:16/10;object-fit:cover;margin-bottom:26px}
.news-entry h2{font-size:clamp(26px,2.25vw,34px);line-height:1.35;letter-spacing:-.04em;margin:18px 0 24px;font-weight:600}
.news-entry h2 a{text-decoration:none;color:var(--headline);background-image:linear-gradient(transparent calc(100% - .4em),#a9d9de55 0);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.news-entry h2 a:hover{background-image:linear-gradient(transparent calc(100% - .4em),#c4418929 0)}
.news-excerpt p{font-size:17px;line-height:1.8;margin:0 0 18px}
.news-entry .text-link{margin-top:12px}
.news-entry .link-arrow{margin-left:12px}
.news-lead{grid-column:1/-1;background:#f1eee8;border:0;border-radius:18px;padding:38px 42px}
.news-lead .news-entry-body{display:grid;grid-template-columns:1fr 1fr;gap:0 42px;align-items:start}
.news-lead .publication-date{grid-column:1/-1;margin-bottom:20px}
.news-lead h2{grid-column:1;grid-row:2/4;font-size:clamp(30px,2.8vw,40px);margin:0;line-height:1.35}
.news-lead .news-excerpt,.news-lead .text-link{grid-column:2}
.news-lead .text-link{justify-self:start}
@media(max-width:1100px){
 .editorial-page h1{font-size:42px}.editorial-hero{padding-bottom:44px}
 .article-reading{max-width:none}.news-grid{gap:44px 30px}
 .news-lead{padding:30px}.news-lead .news-entry-body{gap:0 28px}
}
@media(max-width:760px){
 .editorial-hero{padding:calc(var(--header-height) + 16px) 0 36px}
 .editorial-page h1{font-size:clamp(30px,7.7vw,44px);line-height:1.28;text-wrap:initial}
 .editorial-page .article-topic{font-size:13px;margin-bottom:16px}
 .editorial-hero .publication-date{margin-top:24px}.editorial-deck{font-size:21px}
 .editorial-hero-actions{flex-direction:column;align-items:flex-start;gap:22px}
 .article-intro{margin-bottom:42px}.article-intro .editorial-photo{margin-bottom:28px;border-radius:10px}
 .article-reading p,.article-intro p{font-size:17px;line-height:1.8}
 .article-reading .information-section{margin-bottom:46px}
 .article-reading .information-section h2{font-size:27px;line-height:1.4}
 .article-reading h3{font-size:21px;line-height:1.45}
 .editorial-list li{font-size:17px;padding-left:20px}
 .lexicon-term{padding-bottom:34px}.lexicon-introduction{margin-bottom:34px;padding-bottom:24px}
 .article-actions{flex-direction:column;align-items:flex-start}
 .news-grid{grid-template-columns:1fr;gap:38px;padding:32px 0 52px}
 .news-entry{padding-bottom:30px}.news-entry h2{font-size:27px}
 .news-entry .editorial-photo{margin-bottom:22px;border-radius:10px}
 .news-excerpt p{font-size:17px}
 .news-lead{padding:26px 24px;border-radius:14px}
 .news-lead .news-entry-body{display:block}
 .news-lead h2{font-size:28px;margin-bottom:24px}
}
@media print{.editorial-hero{padding-top:24px}.editorial-list li,.news-entry{break-inside:avoid}.article-actions{display:none}}

/* Le lexique partage la disposition des autres pages de présentation. */
.lexicon-page .information-hero h1{font-size:clamp(40px,4.55vw,66px);line-height:1.24;letter-spacing:-.055em;text-wrap:initial}
@media(max-width:1100px){.lexicon-page .information-hero h1{font-size:44px}}
@media(max-width:760px){.lexicon-page .information-hero h1{font-size:clamp(32px,7.9vw,48px);line-height:1.28}}