/* Blogue Forest Marketing : complète /assets/site.css */
.blog .page-h .lede{max-width:26ch}
.blog .kick a{color:inherit}
.blog .kick a:hover{color:var(--laiton)}

/* liste des articles */
.posts-wrap{padding-top:clamp(56px,9vw,110px)}
.posts{list-style:none;padding:0;display:grid;grid-template-columns:1fr;border-top:1px solid var(--ligne)}
.posts li{border-bottom:1px solid var(--ligne)}
.post{display:grid;gap:12px;padding:30px 0 34px;transition:color .3s}
.post-cat{font-size:13px;color:var(--laiton);letter-spacing:.02em}
.post h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,7.4vw,60px);line-height:1;letter-spacing:-.015em;max-width:22ch;overflow-wrap:break-word}
.post p{color:var(--brume);max-width:56ch}
.post-more{display:inline-flex;align-items:center;gap:12px;font-size:14px;margin-top:4px}
.post-more svg{width:26px;height:12px;transition:transform .4s var(--ease)}
.post:hover h2{color:var(--laiton)}
.post:hover .post-more svg{transform:translateX(6px)}
@media (min-width:900px){
  .posts{grid-template-columns:1fr 1fr;column-gap:56px;border-top:0}
  .posts li:nth-child(-n+2){border-top:1px solid var(--ligne)}
  .post{padding:40px 0 46px}
}

/* article */
.blog .page-h h1.post-title{font-size:clamp(44px,9.5vw,112px);line-height:.95;letter-spacing:-.025em;max-width:18ch;overflow-wrap:break-word}
.prose{max-width:720px;padding-top:clamp(48px,8vw,90px)}
.prose>p,.prose li{font-size:18px;line-height:1.65;color:rgba(236,232,223,.86)}
.prose>p+p{margin-top:18px}
.prose h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,6.4vw,50px);line-height:1.02;letter-spacing:-.01em;margin:56px 0 18px}
.prose ul,.prose ol{padding-left:1.2em;display:grid;gap:12px;margin-top:6px}
.prose li::marker{color:var(--laiton)}
.prose strong{font-weight:500;color:var(--ivoire)}
.diag{margin-top:64px;padding:clamp(26px,5vw,44px);background:var(--mousse);border:1px solid var(--ligne)}
.diag h2{margin:0 0 12px}
.diag p{color:var(--brume);max-width:46ch}
.diag .cta{margin-top:24px;max-width:none}
.related{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;margin-top:28px;padding-top:18px;border-top:1px solid var(--ligne)}
.related+.related{margin-top:0}
.related span{font-size:13px;color:var(--brume);min-width:110px}
.related a{font-family:var(--serif);font-size:clamp(22px,4.6vw,28px);line-height:1.15;text-decoration:underline;text-decoration-color:var(--ligne);text-underline-offset:.18em}
.related a:hover{color:var(--laiton);text-decoration-color:currentColor}

/* fermeture */
.blog .closing-p{margin-top:20px;color:var(--brume);max-width:44ch;font-size:17px}