/* =========================================================
   Journal : liste des articles et article
   Boska : --fs-section (titres de page), --fs-card (titres de cartes, intertitres), taille FAQ (sous-intertitres)
   Clash : --fs-small, --fs-body, --fs-label
   Fonds : en-tête chalk → liste beige très clair
   ========================================================= */
.theme-v2 .journal-head, .theme-v2 .post { --bg: var(--chalk); }
.theme-v2 .journal-list { --bg: var(--linen); }

/* ---------- En-tête de la liste ---------- */
.theme-v2 .journal-head { padding-top: calc(5.25rem + var(--section-y) * .35); padding-bottom: calc(var(--section-y) * .3); }
.journal-head__chapo { margin-top: clamp(1rem, 2vw, 1.4rem); max-width: 40rem; }
.theme-v2 .journal-list { padding-block: calc(var(--section-y) * .45) calc(var(--section-y) * .6); }

/* ---------- Cartes d'articles ---------- */
.post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2.5rem, 4vw, 3.5rem) clamp(1rem, 2.4vw, 2.25rem); }
.post-card { display: flex; flex-direction: column; gap: .9rem; }
.post-card__media { display: block; overflow: hidden; aspect-ratio: 4 / 3; margin-bottom: .3rem; background: var(--chalk); }
.post-card__media img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) sepia(.3) contrast(1.05); transform: scale(1.02); transition: transform 1.4s var(--ease), filter 1.4s var(--ease); }
.post-card:hover .post-card__media img { filter: grayscale(0) sepia(.1); transform: scale(1.07); }
.post-card__placeholder { display: grid; place-items: center; width: 100%; height: 100%; background: var(--olive); color: var(--chalk); }
.post-card__logo { width: 55%; height: auto; }
.post-card__meta { color: var(--ink-soft); }
.post-card__title a { background: linear-gradient(currentColor, currentColor) left bottom / 0 1px no-repeat; transition: background-size .6s var(--ease); }
.post-card:hover .post-card__title a { background-size: 100% 1px; }
.post-card .link { margin-top: auto; align-self: flex-start; }

/* Liste vide */
.journal-empty { display: grid; gap: 1.4rem; justify-items: start; padding-block: 1rem; }
.journal-empty .t-card { font-style: italic; color: var(--ink-soft); }

/* Pages 1, 2, 3… */
.journal-pages { margin-top: clamp(3rem, 6vw, 5rem); }
.journal-pages .nav-links { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; align-items: center; }
.journal-pages .page-numbers.current { text-decoration: underline; text-underline-offset: .3em; }

/* ---------- Article ---------- */
.theme-v2 .post { padding-top: calc(5.25rem + var(--section-y) * .35); padding-bottom: calc(var(--section-y) * .6); }
.post__head { display: grid; gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.post__head .t-section { max-width: 18em; }
.post__head .section__label { margin-bottom: clamp(.5rem, 2vw, 1.5rem); }
.post__back { justify-self: start; }
.post__meta { color: var(--ink-soft); }
.post__cover { margin: 0 auto clamp(2.5rem, 5vw, 4.5rem); }
.post__cover img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; filter: grayscale(1) sepia(.3) contrast(1.05); }

/* Texte de l'article : colonne de lecture, décalée comme les textes des pages Prestations */
.post__content { max-width: 42rem; margin-inline: auto; color: color-mix(in srgb, var(--ink) 85%, transparent); }
.post__content > * + * { margin-top: 1.3em; }
.post__content h2 { font-family: var(--serif); font-weight: 400; font-size: var(--fs-card); line-height: 1.15; color: var(--ink); margin-top: 2.2em; }
.post__content h3, .post__content h4 { font-family: var(--serif); font-weight: 400; font-size: clamp(1.15rem, 1.5vw, 1.35rem); line-height: 1.3; color: var(--ink); margin-top: 1.9em; }
.post__content h2 + *, .post__content h3 + *, .post__content h4 + * { margin-top: .8em; }
.post__content a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.post__content strong { font-weight: 500; color: var(--ink); }
.post__content ul, .post__content ol { padding-left: 1.3rem; display: grid; gap: .5em; }
.post__content ul { list-style: none; padding-left: 1.2rem; }
.post__content ul li { position: relative; }
.post__content ul li::before { content: ""; position: absolute; left: -1.2rem; top: .85em; width: .55rem; height: 1px; background: currentColor; }
.post__content ol { list-style: decimal; }
.post__content blockquote { margin: 2em 0; padding-left: clamp(1.2rem, 3vw, 2rem); border-left: 1px solid var(--taupe); }
.post__content blockquote p { font-family: var(--serif); font-style: italic; font-size: var(--fs-card); line-height: 1.25; color: var(--ink); }
.post__content blockquote cite { display: block; margin-top: .8rem; font-family: var(--sans); font-style: normal; font-size: var(--fs-small); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft); }
.post__content figure { margin-inline: 0; }
.post__content img { width: 100%; height: auto; }
.post__content figcaption { margin-top: .6rem; font-size: var(--fs-small); color: var(--ink-soft); }
.post__content .wp-block-image.alignwide, .post__content .wp-block-gallery.alignwide { margin-inline: calc(min(0px, (42rem - 100%) / 2)); }
.post__content .wp-block-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.post__content .wp-block-gallery figure { margin: 0; }
.post__content .wp-block-gallery img { aspect-ratio: 1; object-fit: cover; }
.post__content iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
.post__end { max-width: 42rem; margin: clamp(3rem, 6vw, 4.5rem) auto 0; }

@media (max-width: 1000px) {
  .post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .post-grid { grid-template-columns: 1fr; }
  .post__cover img { aspect-ratio: 4 / 3; }
}