/* Journal et articles — maquettes « Journal » et « Article » du 09/10/2026.
   Cartes (.cs-journal__carte) : mêmes briques que la section « Le journal » de l'accueil (sections-site.css). */

/* ---- Liste ---- */
.cs-journal-tete .cs-vitrine-tete__intro{max-width:420px}
.cs-journal-liste{padding-top:56px;padding-bottom:var(--rythme)}
.cs-une{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4.45vw,64px);align-items:center;margin-bottom:clamp(48px,5vw,72px)}
.cs-une__photo{display:block;aspect-ratio:4/3;background:var(--encre);overflow:hidden}
.cs-une__image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cs-une__photo:hover .cs-une__image{transform:scale(1.02)}
.cs-une__titre{font:500 clamp(32px,3.35vw,48px)/1.08 var(--police-titre);letter-spacing:var(--ls-titre);margin:0 0 22px}
.cs-une__titre a{color:var(--encre)}
.cs-une__chapo{font-size:var(--t-chapo);line-height:1.6;color:var(--texte);margin:0 0 24px}
.cs-une .cs-lien-fleche{font-size:var(--t-mini)}

.cs-onglets{display:flex;gap:10px 28px;flex-wrap:wrap;border-bottom:1px solid var(--encre);padding-bottom:18px;margin-bottom:40px;font-size:var(--t-surtitre);letter-spacing:.14em;text-transform:uppercase}
.cs-onglet{color:var(--texte);padding-bottom:4px;border-bottom:1px solid transparent}
.cs-onglet.est-actif{color:var(--encre);font-weight:600;border-bottom-color:var(--encre)}

.cs-journal-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px}
.cs-journal__signature{display:block;margin-top:8px;font-size:var(--t-mini);color:var(--discret)}
.cs-journal-liste .navigation.pagination{margin-top:56px}
.cs-journal-liste .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.cs-journal-liste .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--bord);font-size:var(--t-petit)}
.cs-journal-liste .page-numbers.current{background:var(--encre);color:var(--blanc);border-color:var(--encre)}

/* ---- Article ---- */
.cs-article__entete{max-width:820px;margin:0 auto;padding:44px 0 44px;text-align:center}
.cs-article__entete .cs-surtitre{margin-bottom:18px}
.cs-article__titre{font:500 clamp(36px,4.6vw,66px)/1.06 var(--police-titre);letter-spacing:var(--ls-titre);margin:0 0 24px;text-wrap:balance}
.cs-article__signature{font-size:var(--t-mini);letter-spacing:.04em;color:var(--discret);margin:0}
.cs-article__signature b{color:var(--encre);font-weight:600}
.cs-article__une{margin:0 auto}
.cs-article__image{display:block;width:100%;aspect-ratio:7/3;object-fit:cover;background:var(--encre)}

/* Colonne de lecture (656 px) ; galeries, colonnes et images larges sortent à 972 px. */
.cs-article__corps{--lecture:656px;--large:972px;padding-top:clamp(40px,4.45vw,64px);color:var(--texte);font-size:var(--t-courant);line-height:1.85}
.cs-article__corps>*{max-width:var(--lecture);margin-left:auto;margin-right:auto}
.cs-article__corps>*+*{margin-top:1.4em}
.cs-article__corps>p:first-child{font:400 clamp(20px,1.7vw,24px)/1.55 var(--police-titre);color:var(--encre)}
.cs-article__corps>:where(h2,h3,h4){font-family:var(--police-titre);font-weight:500;color:var(--encre);letter-spacing:-.01em;line-height:1.15}
.cs-article__corps>h2{font-size:clamp(28px,2.5vw,36px);margin-top:1.9em}
.cs-article__corps>:where(h3,h4){font-size:clamp(22px,1.8vw,26px);margin-top:1.7em}
.cs-article__corps>:where(h2,h3,h4)+*{margin-top:.8em}
.cs-article__corps a{color:var(--encre);border-bottom:1px solid currentColor}
.cs-article__corps a:hover{color:var(--accent)}
.cs-article__corps strong{color:var(--encre);font-weight:600}
.cs-article__corps :where(ul,ol){padding-left:1.2em}
.cs-article__corps li+li{margin-top:.4em}
.cs-article__corps li::marker{color:var(--accent)}
.cs-article__corps img{max-width:100%;height:auto;display:block}
.cs-article__corps .wp-block-image{margin-top:2.2em;margin-bottom:2.2em}
.cs-article__corps .wp-block-image.aligncenter,.cs-article__corps .wp-block-image .aligncenter{text-align:center}
.cs-article__corps .wp-block-image.aligncenter img{margin:0 auto}
.cs-article__corps figcaption{margin-top:10px;font-size:var(--t-mini);color:var(--discret);text-align:center}
.cs-article__corps>:where(.wp-block-gallery,.wp-block-columns,.alignwide,.alignfull){max-width:var(--large);margin-top:2.4em;margin-bottom:2.4em}
.cs-article__corps .wp-block-gallery{display:flex;flex-wrap:wrap;gap:24px}
.cs-article__corps .wp-block-gallery>.wp-block-image{flex:1 1 calc(50% - 12px);margin:0}
.cs-article__corps .wp-block-gallery img{width:100%;height:100%;object-fit:cover}
.cs-article__corps .wp-block-columns{display:flex;gap:24px}
.cs-article__corps .wp-block-column{flex:1;min-width:0}
.cs-article__corps .wp-block-quote{border-top:1px solid var(--encre);border-bottom:1px solid var(--encre);padding:36px 0;margin-top:2.4em;margin-bottom:2.4em;text-align:center}
.cs-article__corps .wp-block-quote p{font:italic 400 clamp(22px,2.1vw,30px)/1.4 var(--police-titre);color:var(--encre)}
.cs-article__corps .wp-block-quote cite{display:block;margin-top:14px;font-style:normal;font-size:var(--t-mini);color:var(--discret)}
.cs-article__corps hr,.cs-article__corps .wp-block-separator{border:0;border-top:1px solid var(--bord);margin-top:2.4em;margin-bottom:2.4em}

.cs-article__auteur{position:relative;display:flex;align-items:center;gap:20px;max-width:calc(656px + var(--gouttiere)*2);margin:56px auto 0;padding-top:32px;padding-bottom:var(--rythme)}
.cs-article__auteur::after{content:"";position:absolute;top:0;left:var(--gouttiere);right:var(--gouttiere);height:1px;background:var(--bord)}
.cs-article__auteur img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 34%;flex:none}
.cs-article__auteur p{margin:0;font-size:var(--t-petit);line-height:1.7;color:var(--texte)}
.cs-article__auteur b{color:var(--encre);font-weight:600}
.cs-article__auteur a{color:var(--encre);border-bottom:1px solid currentColor}

.cs-similaire{background:var(--surface)}
.cs-similaire__in{display:flex;justify-content:space-between;align-items:center;gap:24px 48px;flex-wrap:wrap;padding-top:clamp(48px,5.5vw,80px);padding-bottom:clamp(48px,5.5vw,80px)}
.cs-similaire .cs-surtitre{margin-bottom:12px}
.cs-similaire__titre{font:500 clamp(26px,2.5vw,36px)/1.15 var(--police-titre);margin:0}
.cs-lire-aussi{padding-top:var(--rythme);padding-bottom:var(--rythme)}

@media (max-width:900px){
	.cs-une{grid-template-columns:minmax(0,1fr);gap:28px}
	.cs-journal-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 18px}
	.cs-article__image{aspect-ratio:3/2}
}
@media (max-width:600px){
	.cs-journal-liste{padding-top:32px}
	.cs-journal-grille{grid-template-columns:minmax(0,1fr);gap:40px}
	.cs-onglets{gap:10px 20px;margin-bottom:28px}
	.cs-article__entete{padding:28px 0 32px}
	.cs-article__corps .wp-block-columns{flex-direction:column}
	.cs-article__corps .wp-block-gallery>.wp-block-image{flex-basis:100%}
	.cs-similaire .cs-btn{width:100%}
}