/* ===== BIFY — Journal (index + articles) — complète produit.css ===== */

/* ---------- INDEX DU JOURNAL ---------- */
.jrn-hero{padding:150px 0 30px;background:radial-gradient(120% 90% at 88% 6%,var(--sand),var(--paper) 60%)}
.jrn-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,5vw,62px);color:var(--blue);line-height:1.05;margin-top:8px}
.jrn-hero h1 .italic{color:var(--stone)}
.jrn-hero .lede{font-size:17.5px;color:var(--ink-soft);max-width:42em;margin-top:22px}

.jrn-list{padding:46px 0 64px}
.jrn-item{display:grid;grid-template-columns:170px 1fr;gap:38px;padding:38px 0;border-top:1px solid var(--line);align-items:start}
.jrn-item:last-child{border-bottom:1px solid var(--line)}
.jrn-meta{font-size:11.5px;color:var(--grey);line-height:1.9;padding-top:5px}
.jrn-cat{display:block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--stone);font-weight:500;margin-bottom:7px}
.jrn-item h2{font-family:'Cormorant Garamond',serif;font-size:clamp(24px,2.7vw,33px);color:var(--blue);line-height:1.16;margin-bottom:14px}
.jrn-item h2 a:hover{color:var(--stone)}
.jrn-item p{font-size:15px;color:var(--ink-soft);max-width:46em;line-height:1.72}
.jrn-more{display:inline-flex;align-items:center;gap:9px;margin-top:18px;font-size:12.5px;letter-spacing:.04em;color:var(--blue);border-bottom:1px solid var(--line-blue);padding-bottom:3px;transition:.3s var(--ease)}
.jrn-more::after{content:"→"}
.jrn-more:hover{color:var(--stone);border-color:var(--stone)}
.jrn-empty{padding:60px 0;color:var(--grey);font-size:15px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* ---------- ARTICLE ---------- */
.art-hero{padding:146px 0 26px;background:radial-gradient(120% 90% at 88% 6%,var(--sand),var(--paper) 60%)}
.art-hero .wrap{max-width:820px}
.art-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(31px,4.3vw,52px);color:var(--blue);line-height:1.11;margin-top:12px}
.art-byline{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--grey);display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.art-byline b{color:var(--ink-soft);font-weight:500}
.art-byline span.sep{color:var(--line)}

.art-body{padding:14px 0 30px}
.art-body .wrap{max-width:820px}
.art-body p{font-size:17px;line-height:1.82;color:var(--ink);margin-bottom:24px}
.art-body p.chapo{font-size:19px;line-height:1.75;color:var(--ink-soft);margin-bottom:32px}
.art-body h2{font-family:'Cormorant Garamond',serif;font-size:clamp(25px,3vw,34px);color:var(--blue);line-height:1.2;margin:52px 0 20px}
.art-body h2::before{content:"";display:block;width:38px;height:2px;background:var(--stone);margin-bottom:20px;opacity:.85}
.art-body a{color:var(--blue);border-bottom:1px solid var(--line-blue)}
.art-body a:hover{color:var(--stone);border-color:var(--stone)}
.art-body sup{font-size:11px;color:var(--stone);font-weight:500;padding-left:1px}
.art-body strong{font-weight:500;color:var(--blue)}

/* encadré de mise en exergue */
.art-pull{margin:40px 0;padding:28px 34px;background:var(--sand);border-left:2px solid var(--stone)}
.art-pull p{font-family:'Cormorant Garamond',serif;font-size:23px;line-height:1.44;color:var(--blue);margin:0;font-style:italic}

/* sources & mentions */
.art-notes{margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}
.art-notes h3{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--stone);font-weight:500;margin-bottom:16px}
.art-notes ol{margin:0;padding-left:18px}
.art-notes li{font-size:12.5px;color:var(--grey);line-height:1.7;margin-bottom:11px}
.art-notes li a{color:var(--grey);border-bottom:1px solid var(--line)}
.art-notes li a:hover{color:var(--blue);border-color:var(--line-blue)}
.art-legal{margin-top:26px;padding:20px 24px;background:var(--sand-2);font-size:11.5px;color:var(--ink-soft);line-height:1.72}

/* pied d'article */
.art-foot{padding:0 0 70px}
.art-foot .wrap{max-width:820px;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;align-items:center}
.art-back{font-size:12.5px;letter-spacing:.04em;color:var(--blue);display:inline-flex;align-items:center;gap:9px}
.art-back::before{content:"←"}
.art-back:hover{color:var(--stone)}

@media(max-width:820px){
  .jrn-item{grid-template-columns:1fr;gap:12px;padding:30px 0}
  .jrn-meta{padding-top:0}
  .art-hero{padding:126px 0 22px}
  .art-body p{font-size:16px}
  .art-pull{padding:22px 24px}
  .art-pull p{font-size:20px}
}