/*
  Les articles du journal de yenzclub.fr, dans la DA du journal de COACH YENZ.

  Copié le 2026-10-02 depuis `yenzclub-coaching/app/globals.css` (bloc `.jrn-art` à
  `.jrn-more`, lignes 426 à 625), demande d'Enzo : « prends la DA des autres articles de
  blog ». Les règles sont reprises telles quelles ; seules changent les variables, posées
  ici sur `.jrn-page` parce que le thème du site ne les définit pas sous ces noms.
  Une retouche du journal coaching se reporte ici à la main.
*/
.jrn-page {
  --ink: #0A0A0A; --cream: #FFFFFF; --cream2: #F7F4EF; --rose: #F5AFC5;
  --brown: #A58B70; --brown-deep: #6B5943;
  --line: rgba(10, 10, 10, 0.10);
  --ff-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;
  --ff-body: "Inter", -apple-system, sans-serif;
  --ff-massive: "Anton", Impact, sans-serif;
  background: #fff; color: var(--ink); font-family: var(--ff-body);
}
.jrn-page *, .jrn-page *::before, .jrn-page *::after { box-sizing: border-box; }
.jrn-page h1, .jrn-page h2, .jrn-page h3, .jrn-page p, .jrn-page ol, .jrn-page ul { margin-top: 0; }
.jrn-page a { color: inherit; text-decoration: none; }
.jrn-page .ital { font-style: italic; color: var(--acc, var(--rose)); padding-right: .08em; }
.jrn-btn--acc { background: var(--acc); color: var(--ink); border-color: var(--acc); }
.jrn-btn--acc:hover { transform: translateY(-2px); background: #fff; border-color: #fff; }
.jrn-page .jrn-cta::before { background: radial-gradient(circle, var(--acc, var(--rose)), transparent 65%); }
/* Le mot de la fin du site (les rendez-vous du club) se lit comme une note sous l'article. */
.jrn-prose .jrn-pied { margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 15.5px; line-height: 1.65; color: rgba(10,10,10,.7); }
.jrn-prose .jrn-pied p { margin: 0 0 12px; }
.jrn-prose .jrn-pied p:first-of-type { font-size: 15.5px; color: rgba(10,10,10,.7); }
.jrn-prose .jrn-pied p:first-of-type::first-letter { font: inherit; float: none; padding: 0; color: inherit; }
.jrn-tag { display: inline-flex; align-items: center; gap: 7px; font-family: var(--ff-mono); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--brown-deep); }
.jrn-tag i { width: 7px; height: 7px; border-radius: 999px; background: var(--acc); flex: none; }
.jrn-art { --acc: var(--rose); max-width: 1080px; margin: 0 auto; padding: 0 clamp(20px, 5.5vw, 40px); }

/* hero teinté de la couleur du thème */
.jrn-art__hero { position: relative; margin: 0 calc(-1 * clamp(20px, 5.5vw, 40px)); padding: clamp(112px, 13vw, 156px) clamp(20px, 5.5vw, 40px) clamp(34px, 4vw, 52px); overflow: hidden; }
.jrn-art__hero::before { content: ""; position: absolute; inset: 0; background:
  radial-gradient(90% 130% at 88% -10%, color-mix(in srgb, var(--acc) 46%, #fff) 0%, transparent 60%),
  linear-gradient(180deg, color-mix(in srgb, var(--acc) 14%, #fff) 0%, #fff 82%); }
.jrn-art__hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--line); }
.jrn-art__hero-inner { position: relative; max-width: 820px; }
.jrn-crumb { font-family: var(--ff-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: rgba(10,10,10,.55); }
.jrn-crumb a:hover { color: var(--ink); }
.jrn-tag--solid { margin-top: 20px; padding: 7px 13px 7px 11px; border-radius: 999px; background: var(--ink); color: #fff; }
.jrn-tag--solid i { background: var(--acc); }
.jrn-art__title { font-family: var(--ff-massive); text-transform: uppercase; line-height: .9; letter-spacing: -.01em; font-size: clamp(36px, 6.2vw, 76px); margin: 18px 0 20px; text-wrap: balance; }
.jrn-art__standfirst { max-width: 60ch; font-size: clamp(17px, 1.9vw, 21px); line-height: 1.55; color: rgba(10,10,10,.72); }
.jrn-art__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 24px; font-family: var(--ff-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: rgba(10,10,10,.55); }
.jrn-art__meta .who { color: var(--ink); }
.jrn-art__meta .sep { opacity: .45; }
.jrn-art__av { width: 26px; height: 26px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, var(--acc), var(--brown)); }
.jrn-draftbadge { margin-top: 16px; display: inline-block; font-family: var(--ff-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--brown-deep); background: var(--cream2); border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; }

/* corps : sommaire collant à gauche, lecture à droite */
.jrn-art__layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 48px; align-items: start; padding-top: 8px; }
.jrn-art__main { max-width: 720px; }
.jrn-toc { position: sticky; top: 96px; align-self: start; padding-top: 30px; }
.jrn-toc__title { font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: rgba(10,10,10,.45); margin-bottom: 14px; }
.jrn-toc__list { list-style: none; display: flex; flex-direction: column; gap: 2px; border-left: 1px solid var(--line); }
.jrn-toc__list a { display: block; padding: 7px 0 7px 16px; margin-left: -1px; border-left: 2px solid transparent; font-size: 13.5px; line-height: 1.3; color: rgba(10,10,10,.55); transition: color .2s, border-color .2s; }
.jrn-toc__list a:hover { color: var(--ink); }
.jrn-toc__list a.is-active { color: var(--ink); border-left-color: var(--acc); font-weight: 600; }

/* -------- prose -------- */
.jrn-prose { padding: 34px 0 10px; font-size: 18px; line-height: 1.75; color: #1a1a1a; }
.jrn-prose > p { margin: 0 0 22px; }
.jrn-prose > p:first-of-type { font-size: 21px; line-height: 1.6; color: var(--ink); }
.jrn-prose > p:first-of-type::first-letter { font-family: var(--ff-massive); float: left; font-size: 3.1em; line-height: .72; padding: 6px 12px 0 0; color: var(--acc); }
/* Les intertitres portent la police du titre de l'article, en plus petit.
   Ils tenaient la police de texte en gras, et la page changeait de voix entre son titre
   et ses sections. Un seul article, « course-au-feminin », portait déjà l'exception :
   elle devient la règle le 2026-09-01, demande d'Enzo. Le filet et la barre d'accent
   restent, ce sont eux qui découpent la lecture. */
.jrn-prose .jrn-h2 { position: relative; font-family: var(--ff-massive); font-weight: 400; text-transform: uppercase; letter-spacing: -.005em; line-height: .98; font-size: clamp(28px, 4vw, 42px); margin: 52px 0 18px; padding-top: 22px; border-top: 1px solid var(--line); scroll-margin-top: 96px; text-wrap: balance; }
.jrn-prose .jrn-h2::before { content: ""; position: absolute; top: -1px; left: 0; width: 44px; height: 3px; background: var(--acc); }
/* TEST (1 article) : sous-titres H2 dans la police du titre (Anton), en plus petit. À généraliser après validation. */
.jrn-prose h3 { font-family: var(--ff-body); font-weight: 700; font-size: 20px; letter-spacing: -.01em; margin: 30px 0 12px; }
.jrn-prose strong { font-weight: 700; color: var(--ink); }
.jrn-prose em { font-style: italic; }
.jrn-prose a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--acc); text-underline-offset: 3px; text-decoration-thickness: 2px; }
.jrn-prose ul, .jrn-prose ol { margin: 0 0 22px; padding-left: 1.2em; }
.jrn-prose li { margin: 0 0 10px; padding-left: .3em; }
.jrn-prose ul li::marker { color: var(--acc); }
.jrn-prose blockquote { font-family: var(--ff-massive); text-transform: uppercase; font-style: italic; font-size: clamp(22px, 3.4vw, 34px); line-height: 1.06; letter-spacing: -.01em; color: var(--ink); border-left: 3px solid var(--acc); padding: 4px 0 4px 22px; margin: 34px 0; }
.jrn-prose hr { border: 0; border-top: 1px solid var(--line); margin: 40px 0; }
.jrn-prose img { max-width: 100%; height: auto; border-radius: 14px; }
.jrn-tablewrap { overflow-x: auto; margin: 0 0 22px; }
.jrn-prose table { border-collapse: collapse; width: 100%; font-size: 15px; }
.jrn-prose th, .jrn-prose td { border: 1px solid var(--line); padding: 10px 12px; text-align: left; }
.jrn-prose th { font-family: var(--ff-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; background: var(--cream2); }

/* -------- FAQ -------- */
.jrn-faq { margin: 46px 0 10px; border-top: 1px solid var(--line); }
.jrn-faq__kicker { font-family: var(--ff-mono); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: rgba(10,10,10,.55); padding: 26px 0 8px; }
.jrn-faq__item { border-bottom: 1px solid var(--line); }
.jrn-faq__item summary { list-style: none; cursor: pointer; padding: 18px 0; font-weight: 600; font-size: 17px; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.jrn-faq__item summary::-webkit-details-marker { display: none; }
.jrn-faq__plus { font-family: var(--ff-mono); font-weight: 400; color: var(--rose); transition: transform .25s; flex: none; }
.jrn-faq__item[open] .jrn-faq__plus { transform: rotate(45deg); }
.jrn-faq__item p { padding: 0 0 20px; color: rgba(10,10,10,.72); font-size: 16px; line-height: 1.65; max-width: 62ch; }

/* -------- author -------- */
.jrn-author { display: flex; gap: 16px; align-items: center; margin: 40px 0; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--cream2); }
.jrn-author__av { width: 52px; height: 52px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, var(--rose), var(--brown)); flex: none; }
.jrn-author b { display: block; font-size: 15px; }
.jrn-author span { font-size: 13.5px; color: rgba(10,10,10,.62); }

/* -------- CTA services coaching (fin d'article) -------- */
.jrn-cta { position: relative; overflow: hidden; background: var(--ink); color: #fff; border-radius: 26px; margin: 56px 0 30px; padding: clamp(40px,6vw,72px) clamp(28px,5vw,64px); text-align: center; }
.jrn-cta::before { content: ""; position: absolute; width: 420px; height: 420px; border-radius: 999px; background: radial-gradient(circle, var(--rose), transparent 65%); filter: blur(60px); opacity: .4; top: -160px; left: 50%; transform: translateX(-50%); pointer-events: none; }
.jrn-cta__kicker { position: relative; display: flex; align-items: center; justify-content: center; gap: 12px; font-family: var(--ff-mono); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.jrn-cta__kicker i { width: 22px; height: 1px; background: rgba(255,255,255,.4); }
.jrn-cta__title { position: relative; font-family: var(--ff-massive); text-transform: uppercase; line-height: .9; letter-spacing: -.01em; font-size: clamp(32px,5.4vw,60px); margin: 20px auto 0; max-width: 16ch; }
.jrn-cta__lead { position: relative; max-width: 48ch; margin: 22px auto 0; color: rgba(255,255,255,.78); font-size: 16.5px; line-height: 1.6; }
.jrn-cta__row { position: relative; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 34px; }
.jrn-cta__fine { position: relative; margin-top: 20px; font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.jrn-btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--ff-mono); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; border-radius: 999px; height: 54px; padding: 0 30px; border: 1px solid; cursor: pointer; transition: all .3s; }
.jrn-btn--rose { background: var(--rose); color: var(--ink); border-color: var(--rose); }
.jrn-btn--rose:hover { transform: translateY(-2px); background: #fff; border-color: #fff; }
.jrn-btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.5); }
.jrn-btn--ghost:hover { background: #fff; color: var(--ink); border-color: #fff; }
.jrn-btn:focus-visible { outline: 2px solid var(--rose); outline-offset: 3px; }

/* -------- à lire aussi -------- */
.jrn-more { margin: 50px 0 90px; border-top: 1px solid var(--line); padding-top: 26px; }
.jrn-more__kicker { font-family: var(--ff-mono); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: rgba(10,10,10,.55); }
.jrn-more__list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 18px; }
.jrn-more__item { display: flex; flex-direction: column; gap: 12px; border: 1px solid var(--line); border-radius: 16px; padding: 22px; transition: transform .3s, box-shadow .3s, border-color .3s; }
.jrn-more__item:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -26px rgba(10,10,10,.24); border-color: transparent; }
.jrn-more__title { font-family: var(--ff-massive); text-transform: uppercase; font-weight: 400; font-size: clamp(19px, 1.4vw, 22px); line-height: .96; letter-spacing: -.005em; text-wrap: balance; }
.jrn-more__go { font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: rgba(10,10,10,.5); margin-top: auto; }
@media (max-width: 1000px) {
  .jrn-art__layout { grid-template-columns: 1fr; gap: 0; }
  .jrn-toc { display: none; }
  .jrn-art__main { max-width: 720px; margin: 0 auto; }
}
@media (max-width: 600px) {
  .jrn-more__list { grid-template-columns: 1fr; }
  .jrn-prose { font-size: 17px; }
  .jrn-prose > p:first-of-type { font-size: 19px; }
  .jrn-prose > p:first-of-type::first-letter { font-size: 2.8em; }
}
/* Le thème masque tout `div:empty` (base.css). La pastille de la carte auteur est un div
   vide par construction : sans cette règle, elle disparaît. */
.jrn-page .jrn-author__av:empty { display: block; flex: none; }

/* La photo d'en-tête, seul ajout gardé du 2026-10-02 : la photo du club en noir et blanc,
   plein cadre, le titre posé dessus. Le reste de la page suit le journal de COACH YENZ. */
.jrn-art--photo .jrn-art__hero {
  width: 100vw; margin-left: calc(50% - 50vw); margin-right: 0;
  min-height: min(84vh, 860px); min-height: min(84svh, 860px);
  display: flex; align-items: flex-end; color: #fff; background: #0A0A0A;
  padding: clamp(120px, 14vw, 170px) clamp(20px, 5vw, 64px) clamp(36px, 5vw, 64px);
}
.jrn-art--photo .jrn-art__hero::before { z-index: 1; background: linear-gradient(180deg, rgba(10,10,10,.35) 0%, rgba(10,10,10,.05) 30%, rgba(10,10,10,.55) 62%, rgba(10,10,10,.92) 100%); }
.jrn-art--photo .jrn-art__hero::after { display: none; }
.jrn-art__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.jrn-art--photo .jrn-art__hero-inner { z-index: 2; max-width: 1080px; width: 100%; margin: 0 auto; }
.jrn-art--photo .jrn-crumb, .jrn-art--photo .jrn-art__meta { color: rgba(255,255,255,.72); }
.jrn-art--photo .jrn-crumb a:hover, .jrn-art--photo .jrn-art__meta .who { color: #fff; }
.jrn-art--photo .jrn-art__title { color: #fff; }
.jrn-art--photo .jrn-art__standfirst { color: rgba(255,255,255,.84); }
.jrn-art--photo .jrn-art__layout { padding-top: clamp(20px, 3vw, 40px); }
.jrn-btn--rose { background: var(--rose); color: var(--ink); border-color: var(--rose); }

/* L'encart du club au milieu de l'article (2026-10-02) : discret, un voile dégradé rose vers
   brun, quatre rendez-vous en grille. Les sélecteurs passent par .jrn-prose pour primer sur
   les marges des paragraphes du corps. */
.jrn-prose .jrn-rdv {
  position: relative; overflow: hidden; margin: 44px 0 48px; padding: 26px 26px 22px; border-radius: 22px;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(165,139,112,.28) 0%, transparent 55%),
    radial-gradient(120% 140% at 0% 100%, rgba(245,175,197,.38) 0%, transparent 60%),
    #FBF8F6;
  border: 1px solid rgba(10,10,10,.06);
}
.jrn-prose .jrn-rdv .jrn-rdv__titre { font-family: var(--ff-massive); text-transform: uppercase; font-size: 24px; line-height: 1; letter-spacing: .01em; color: var(--ink); margin: 0 0 8px; }
.jrn-prose .jrn-rdv .jrn-rdv__lead { font-size: 15px; line-height: 1.55; color: rgba(10,10,10,.68); margin: 0 0 18px; }
.jrn-prose .jrn-rdv__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.jrn-prose .jrn-rdv__liste li { margin: 0; padding: 0; }
.jrn-prose .jrn-rdv__liste li::marker { content: none; }
.jrn-prose .jrn-rdv__liste a {
  display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 14px 16px; border-radius: 14px;
  background: rgba(255,255,255,.72); border: 1px solid rgba(10,10,10,.07); text-decoration: none; color: var(--ink);
  transition: background .25s, border-color .25s;
}
.jrn-prose .jrn-rdv__liste a:hover { background: #fff; border-color: rgba(10,10,10,.18); }
.jrn-prose .jrn-rdv__liste b { font-family: var(--ff-massive); font-weight: 400; text-transform: uppercase; font-size: 17px; letter-spacing: .02em; line-height: 1.1; }
.jrn-prose .jrn-rdv__liste span { font-size: 13.5px; line-height: 1.45; color: rgba(10,10,10,.65); }
@media (max-width: 600px) {
  .jrn-prose .jrn-rdv { padding: 22px 18px 18px; }
  .jrn-prose .jrn-rdv__liste { grid-template-columns: 1fr; }
}

/* La case coaching de fin d'article (2026-10-02) : fond sombre dégradé vers le brun, halo
   rose, la bulle de COACH YENZ, quatre pastilles. Remplace l'encart centré du journal coaching. */
.jrn-page .jrn-coach {
  position: relative; overflow: hidden; margin: 56px 0 30px; padding: clamp(30px, 5vw, 52px) clamp(24px, 5vw, 52px);
  border-radius: 26px; color: #fff;
  background:
    radial-gradient(70% 90% at 100% 0%, rgba(245,175,197,.42) 0%, transparent 60%),
    radial-gradient(60% 80% at 0% 100%, rgba(165,139,112,.45) 0%, transparent 65%),
    linear-gradient(135deg, #0A0A0A 0%, #1B1512 55%, #2B211A 100%);
}
.jrn-coach__qui { display: flex; align-items: center; gap: 12px; font-family: var(--ff-mono); font-size: 11px; letter-spacing: .22em; color: rgba(255,255,255,.75); margin: 0 0 22px; }
.jrn-coach__av { width: 40px; height: 40px; border-radius: 999px; flex: none; background: linear-gradient(135deg, #F5AFC5 0%, #D8A79B 45%, #A58B70 100%); box-shadow: 0 0 0 3px rgba(255,255,255,.1); }
.jrn-page .jrn-coach__titre { font-family: var(--ff-massive); font-weight: 400; text-transform: uppercase; font-size: clamp(34px, 5.2vw, 60px); line-height: .9; letter-spacing: -.01em; margin: 0 0 18px; max-width: 17ch; color: #fff; }
.jrn-coach__titre .ital { color: var(--rose); }
.jrn-coach__lead { font-size: 17px; line-height: 1.6; color: rgba(255,255,255,.82); margin: 0 0 20px; max-width: 46ch; }
.jrn-coach__points { list-style: none; margin: 4px 0 30px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.jrn-coach__points li { margin: 0; padding: 8px 14px; border-radius: 999px; font-size: 13.5px; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); }
.jrn-page .jrn-coach__btn { display: inline-flex; align-items: center; height: 54px; padding: 0 30px; border-radius: 999px; background: var(--rose); color: var(--ink); font-family: var(--ff-mono); font-size: 11.5px; letter-spacing: .22em; text-transform: uppercase; transition: background .3s, transform .3s; }
.jrn-page .jrn-coach__btn:hover { background: #fff; transform: translateY(-2px); }
.jrn-coach__btn:focus-visible { outline: 2px solid var(--rose); outline-offset: 3px; }

/* ===== Détails, 2026-10-02 : rien dans le texte, tout dans la finition =====
   Le dégradé rose vers brun de la bulle COACH YENZ devient le fil des articles : barre des
   intertitres, lettrine, puces, soulignés. */
.jrn-page { --degrade: linear-gradient(90deg, #F5AFC5 0%, #A58B70 100%); }
.jrn-page ::selection { background: rgba(245,175,197,.55); color: var(--ink); }

/* Intertitres : la barre d'accent passe au dégradé, un peu plus longue. */
.jrn-prose .jrn-h2::before { width: 56px; background: var(--degrade); }

/* Lettrine : le dégradé dans la lettre. */
.jrn-prose > p:first-of-type::first-letter {
  background: linear-gradient(160deg, #F5AFC5 10%, #A58B70 95%);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}

/* Le gras : un trait de surligneur rose sous le mot, comme une note prise en lisant. */
.jrn-prose strong { background: linear-gradient(transparent 62%, rgba(245,175,197,.45) 62%); padding: 0 .08em; }

/* Liens du corps : soulignés au dégradé. */
.jrn-prose a { text-decoration: none; background-image: var(--degrade); background-size: 100% 2px; background-repeat: no-repeat; background-position: 0 100%; padding-bottom: 1px; }

/* Puces : un petit losange dégradé plutôt que le point du navigateur. */
.jrn-prose ul { list-style: none; padding-left: 0; }
.jrn-prose ul > li { position: relative; padding-left: 1.4em; }
.jrn-prose ul > li::before { content: ""; position: absolute; left: .15em; top: .72em; width: 7px; height: 7px; transform: rotate(45deg); background: linear-gradient(135deg, #F5AFC5, #A58B70); }
.jrn-prose ol > li::marker { color: #A58B70; font-family: var(--ff-mono); font-size: .85em; }

/* Citations : filet dégradé vertical. */
.jrn-prose blockquote { border-left: 0; padding-left: 1.2em; background: linear-gradient(180deg, #F5AFC5, #A58B70) left top / 3px 100% no-repeat; }

/* Sommaire : la marque de la section active en dégradé. */
.jrn-toc__list a.is-active { border-image: linear-gradient(180deg, #F5AFC5, #A58B70) 1; }

/* FAQ : le plus prend le brun à l'ouverture, la question passe à l'encre. */
.jrn-faq__item summary { transition: color .2s; }
.jrn-faq__item summary:hover { color: #6B5943; }
.jrn-faq__item[open] .jrn-faq__plus { color: #A58B70; }

/* Carte auteur : le beige laisse place à un voile blanc légèrement rosé. */
.jrn-page .jrn-author { background: linear-gradient(120deg, #FFFFFF 0%, #FDF4F6 60%, #F8F1EC 100%); border-color: rgba(10,10,10,.07); }
.jrn-page .jrn-author__av { background: linear-gradient(135deg, #F5AFC5 0%, #D8A79B 45%, #A58B70 100%); }
.jrn-page .jrn-art__av { background: linear-gradient(135deg, #F5AFC5 0%, #D8A79B 45%, #A58B70 100%); }

/* À lire aussi : la photo de l'article en vignette. */
.jrn-more__item--photo { padding: 0; overflow: hidden; gap: 0; }
.jrn-more__img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .6s var(--ease-out-expo, ease); }
.jrn-more__item--photo:hover .jrn-more__img { transform: scale(1.03); }
.jrn-more__item--photo .jrn-tag { margin: 16px 18px 0; }
.jrn-more__item--photo .jrn-more__title { margin: 10px 18px 0; }
.jrn-more__item--photo .jrn-more__go { margin: 12px 18px 18px; }
/* Les puces losange s'arrêtent aux listes du texte : les cases de l'encart du club n'en ont pas. */
.jrn-prose .jrn-rdv__liste > li { padding-left: 0; }
.jrn-prose .jrn-rdv__liste > li::before { content: none; }

/* La FAQ, 2026-10-02 : chaque question devient une ligne arrondie, le « + » vit dans un rond
   dégradé rose vers brun et tourne à l'ouverture, la réponse ouverte prend un filet dégradé. */
.jrn-page .jrn-coach__lead { margin-bottom: 28px; }
.jrn-faq { border-top: 0; }
.jrn-faq__kicker { display: flex; align-items: center; gap: 12px; }
.jrn-faq__kicker::before { content: ""; width: 28px; height: 2px; background: linear-gradient(90deg, #F5AFC5, #A58B70); }
.jrn-faq__list { display: flex; flex-direction: column; gap: 8px; }
.jrn-faq__item { border: 1px solid rgba(10,10,10,.08); border-radius: 16px; background: #fff; transition: background .25s, border-color .25s; }
.jrn-faq__item:hover { border-color: rgba(10,10,10,.16); }
.jrn-faq__item[open] { background: linear-gradient(120deg, #FFFFFF 0%, #FDF4F6 70%, #F8F1EC 100%); border-color: rgba(165,139,112,.28); }
.jrn-faq__item summary { padding: 18px 20px; gap: 16px; }
.jrn-faq__item summary:hover { color: var(--ink); }
.jrn-faq__plus {
  flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 999px;
  background: linear-gradient(135deg, #F5AFC5, #A58B70); color: #fff !important; font-size: 15px; line-height: 1;
  transition: transform .35s var(--ease-out-expo, ease);
}
.jrn-faq__item[open] .jrn-faq__plus { transform: rotate(45deg); color: #fff; }
.jrn-faq__item p { margin: 0 20px 20px; padding: 2px 0 0 16px; background: linear-gradient(180deg, #F5AFC5, #A58B70) left top / 2px 100% no-repeat; }
@media (prefers-reduced-motion: reduce) { .jrn-faq__plus { transition: none; } }
.jrn-page .jrn-faq .jrn-faq__kicker { display: flex; align-items: center; gap: 12px; }
.jrn-page .jrn-faq .jrn-faq__kicker::before { content: ""; display: block; width: 28px; height: 2px; background: linear-gradient(90deg, #F5AFC5, #A58B70); }