/* ---------- Actualités ---------- */
/* à la une */
/* filtres collants */
/* grille éditoriale asymétrique : 2/3 + 1/3, puis 3 x 1/3, puis 1/3 + 2/3 */
/* bulletin */
/* ---------- Article ---------- */
.lecture-barre{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--sable);z-index:100}
.art-tete{padding:var(--e-64) 0 var(--e-48);text-align:center}
.art-tete .wrap{max-width:860px;display:flex;flex-direction:column;align-items:center;gap:var(--e-16)}
.art-tete .ariane ol{justify-content:center;color:var(--encre-douce)}
.art-tete .ariane a{color:var(--vert-fonce)}
.art-tete .ariane [aria-current]{color:var(--encre)}
.art-tete h1{margin:0;font-size:var(--t-3xl);line-height:var(--i-titre);letter-spacing:var(--approche-titre)}
.art-chapo{margin:0;font-size:var(--t-l);line-height:var(--i-base);color:var(--encre-douce);max-width:720px}
.art-cat{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--e-8);font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.art-cat a{color:var(--vert-fonce)}
.art-infos{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--e-8) var(--e-16);font-size:var(--t-s);color:var(--encre-douce)}
.auteur{display:flex;align-items:center;gap:var(--e-12);text-align:left;font-size:var(--t-s)}
.auteur img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.auteur strong{display:block}
.art-couv{max-width:1280px;margin:0 auto;padding:0 var(--gouttiere)}
.art-couv .ph{aspect-ratio:21/9;border-radius:var(--r)}
figcaption{margin-top:var(--e-8);font-size:var(--t-xs);color:var(--encre-douce)}
.art{display:grid;grid-template-columns:1fr minmax(0,680px) 1fr;gap:0 var(--e-32);padding:var(--e-64) var(--gouttiere) var(--e-80)}
.art > *{grid-column:2}
.art .plein{grid-column:1 / -1;max-width:1100px;width:100%;justify-self:center}
.partage{grid-column:1;grid-row:1 / span 30;justify-self:end;align-self:start;position:sticky;top:calc(var(--h-entete) + var(--e-32));display:flex;flex-direction:column;gap:var(--e-8);align-items:center}
.partage-titre{font-size:var(--t-xs);font-weight:700;color:var(--encre-douce);writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:var(--e-8)}
.partage a,.partage button{width:44px;height:44px;border-radius:50%;border:1px solid var(--gris-10);background:var(--surface-claire);color:var(--encre);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.partage a:hover,.partage button:hover{background:var(--vert);border-color:var(--vert);color:var(--surface-claire)}
.art p,.art li{font-size:var(--t-m);line-height:var(--i-aere)}
.art > p{margin:0 0 var(--e-24)}
.art h2{margin:var(--e-48) 0 var(--e-16);font-size:var(--t-xl);line-height:var(--i-serre)}
.lettrine::first-letter{float:left;font-size:4.2em;line-height:.85;font-weight:800;margin:.06em .1em 0 0;color:var(--vert)}
.art figure{margin:var(--e-32) 0}
.art .plein .ph{aspect-ratio:16/7;border-radius:var(--r)}
.galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-12)}
.galerie a{display:block;border-radius:var(--r);overflow:hidden}
.galerie .ph{aspect-ratio:1}
.galerie a:hover .ph{background:var(--vert-clair)}
.art .citation{margin:var(--e-48) 0;padding:0 0 0 var(--e-32);border-left:4px solid var(--sable);background:none;box-shadow:none;border-radius:0}
.art .citation::before,.art .citation::after{content:none}
.art .citation p{margin:0;font-size:var(--t-xl)!important;line-height:var(--i-ajuste)!important;font-weight:600;color:var(--vert-profond)}
.art .citation footer{margin-top:var(--e-16);font-size:var(--t-s);color:var(--encre-douce)}
.art .citation footer strong{color:var(--encre)}
.chiffres-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-16);margin:var(--e-32) 0}
.chiffre-art{padding:var(--e-24);border-radius:var(--r);background:var(--sable-clair)}
.chiffre-art strong{display:block;font-size:var(--t-3xl);line-height:1;color:var(--vert-fonce);letter-spacing:var(--approche-titre)}
.chiffre-art span{display:block;margin-top:var(--e-8);font-size:var(--t-s);color:var(--encre-douce)}
.art .video{border-radius:var(--r);overflow:hidden}
.retenir{margin:var(--e-48) 0;padding:var(--e-32);border-radius:var(--r);background:var(--vert-clair)}
.retenir h2{margin:0 0 var(--e-16)!important;font-size:var(--t-l)!important}
.retenir ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--e-8)}
.retenir li::marker{color:var(--vert)}
.doc-lie{display:flex;align-items:center;gap:var(--e-24);padding:var(--e-16);margin:var(--e-32) 0;border-radius:var(--r);border:1px solid var(--gris-10);text-decoration:none;color:var(--encre)}
.doc-lie:hover{border-color:var(--vert);background:var(--vert-clair)}
.doc-couv{flex:none;width:72px;aspect-ratio:3/4;border-radius:4px;background:var(--vert-profond);color:var(--sable);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.doc-lie strong{display:block;line-height:var(--i-ajuste)}
.doc-lie .arrow{margin-left:auto;flex:none}
.art-fin{display:flex;flex-wrap:wrap;gap:var(--e-8);margin-top:var(--e-32);padding-top:var(--e-24);border-top:1px solid var(--gris-10)}
.projet-lie{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);border-radius:var(--r);overflow:hidden;background:var(--sable-clair);text-decoration:none;color:var(--encre)}
.projet-lie .ph{height:100%;min-height:220px}
.projet-lie-texte{padding:var(--e-32);display:flex;flex-direction:column;gap:var(--e-12);align-items:flex-start;justify-content:center}
.projet-lie-texte strong{font-size:var(--t-xl);line-height:var(--i-serre)}
.projet-lie:hover .arrow{text-decoration:underline}
.aussi{padding:var(--e-section) 0;background:var(--creme)}
@media (max-width:1100px){.partage{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:20;flex-direction:row;justify-content:center;padding:var(--e-8);background:var(--surface-claire);box-shadow:0 -4px 16px rgb(0 0 0 / .08);grid-row:auto}.partage-titre{writing-mode:horizontal-tb;transform:none;margin:0 var(--e-8) 0 0}.art{grid-template-columns:minmax(0,1fr);padding-bottom:calc(var(--e-80) + 60px)}.art > *,.art .plein,.partage{grid-column:1}}
@media (max-width:600px){.art-tete{text-align:left;padding-top:var(--e-32)}.art-tete .wrap{align-items:flex-start}.art-tete .ariane ol,.art-cat,.art-infos{justify-content:flex-start}.art-chapo{font-size:var(--t-m)}.art-tete h1{font-size:var(--t-2xl)}.art-couv{padding:0}.art-couv .ph{border-radius:0;aspect-ratio:4/3}.art-couv figcaption{padding:0 var(--gouttiere)}.galerie{grid-template-columns:repeat(2,minmax(0,1fr))}.galerie a:last-child{display:none}.chiffres-art,.projet-lie{grid-template-columns:1fr}.art .citation{padding-left:var(--e-16)}}
@media (prefers-reduced-motion:reduce){.actu-img .ph{transition:none}}