/* ============================================================
   NOUVELLE FOULÉE — blog (s'ajoute à legal.css)
   ============================================================ */
:root{ --ember:#E8875C; --brick-dark:#B63A21; --pine:#1E3A32; }

.header-nav{ display:flex; align-items:center; gap:18px; }
.header-nav .back-home.is-current{ color:var(--ink); font-weight:600; }
.header-cta{
  font-size:14px; font-weight:600; text-decoration:none; color:var(--ink);
  border:1.5px solid var(--ink); border-radius:999px; padding:7px 15px; white-space:nowrap;
}
.header-cta:hover{ background:var(--brick); border-color:var(--brick); color:#fff; }
@media (max-width:520px){ .header-nav .back-home{ display:none; } }

/* index du blog */
.blog-intro{ margin-top:14px; font-size:17px; color:var(--ink-soft); max-width:600px; }
.post-list{ margin-top:34px; display:grid; gap:16px; }
.post-card{
  display:block; text-decoration:none; color:inherit;
  background:var(--paper); border:1px solid var(--rule); border-radius:14px;
  padding:22px 24px; transition:border-color .15s, transform .15s;
}
.post-card:hover{ border-color:var(--brick); transform:translateY(-2px); }
.post-card .meta{
  font-size:11.5px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--brick);
}
.post-card h2{
  margin:8px 0 0; padding:0; border:0;
  font-weight:800; font-size:clamp(19px,2.6vw,22px); line-height:1.22; color:var(--ink);
}
.post-card p{ margin-top:8px; color:var(--ink-soft); font-size:15.5px; }
.post-card .more{ display:inline-block; margin-top:12px; font-size:14px; font-weight:600; color:var(--brick); }

/* article */
.article-meta{ margin-top:14px; font-size:13.5px; color:var(--ink-faint); }
.article-meta a{ color:var(--ink-faint); }
.page .lead{ font-size:18px; color:var(--ink); }
.page ol{ margin-top:14px; padding-left:0; list-style:none; counter-reset:n; }
.page ol li{ position:relative; padding-left:34px; margin-bottom:12px; color:var(--ink-soft); counter-increment:n; }
.page ol li::before{
  content:counter(n); position:absolute; left:0; top:2px;
  width:23px; height:23px; border-radius:50%; background:var(--ink); color:var(--cream);
  font:800 12.5px/23px 'Archivo',sans-serif; text-align:center;
}
.page blockquote{
  margin:22px 0 0; padding:18px 22px; border-left:4px solid var(--brick);
  background:var(--paper); border-radius:0 12px 12px 0;
}
.page blockquote p{ margin:0; color:var(--ink); }

.cta-box{
  margin-top:44px; background:var(--ink); color:var(--cream);
  border-radius:16px; padding:28px 28px 30px;
}
.cta-box .cta-eyebrow{
  font-size:11.5px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; color:var(--ember);
}
.cta-box h2{
  margin:10px 0 0; padding:0; border:0; color:var(--cream);
  font-weight:900; font-size:clamp(21px,3vw,26px); line-height:1.15;
}
.cta-box p{ color:#BDB6A8; margin-top:10px; }
.cta-actions{ margin-top:20px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.btn{
  display:inline-block; text-decoration:none; font-weight:700; font-size:15.5px;
  border-radius:999px; padding:13px 22px; line-height:1.2;
}
.btn-primary{ background:var(--brick); color:#fff; }
.btn-primary:hover{ background:var(--brick-dark); }
.btn-ghost{ color:var(--cream); border:1.5px solid #5a5347; }
.btn-ghost:hover{ border-color:var(--cream); }

.book-note{
  margin-top:28px; padding:18px 22px; border:1px solid var(--rule); border-radius:12px; background:var(--paper);
}
.book-note{ display:flex; gap:18px; align-items:center; }
.book-note img{ width:64px; height:auto; flex:none; border-radius:3px; box-shadow:0 8px 18px -6px rgba(23,20,16,.5); }
.page .book-note p{ margin:0; font-size:15px; }

.related{ margin-top:44px; }
.related h2{ margin-top:0; }
.related .post-list{ margin-top:18px; grid-template-columns:1fr 1fr; }
@media (max-width:620px){ .related .post-list{ grid-template-columns:1fr; } }

.disclaimer{ margin-top:36px; font-size:13.5px; color:var(--ink-faint) !important; }