/* ===== 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}
}

/* ---------- NAVIGATION : identique a la page d'accueil ---------- */
.menu{gap:34px}
.menu-item{position:relative}
.menu a.lnk{font-size:13px;color:var(--ink);font-weight:400;letter-spacing:.01em;position:relative;padding:26px 0;display:inline-flex;align-items:center;gap:7px}
.menu a.lnk::after{content:"";position:absolute;left:0;bottom:20px;height:1.5px;width:0;background:var(--stone);transition:width .35s var(--ease)}
.menu a.lnk:hover::after{width:100%}
.caret{width:7px;height:7px;border-right:1.4px solid var(--stone);border-bottom:1.4px solid var(--stone);transform:rotate(45deg);margin-bottom:2px;transition:transform .3s var(--ease)}
.menu-item:hover .caret{transform:rotate(225deg);margin-bottom:-2px}
.sub{position:absolute;top:100%;left:-22px;background:var(--cream);border:1px solid var(--line);min-width:262px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:.28s var(--ease);box-shadow:0 22px 46px rgba(0,27,61,.12)}
.menu-item:hover .sub{opacity:1;visibility:visible;transform:none}
.sub a{display:block;padding:10px 24px;font-size:13px;color:var(--ink-soft)}
.sub a:hover{background:var(--sand);color:var(--blue)}
@media(max-width:860px){nav.menu .menu-item{display:none}}