*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0f0e0c;--ink2:#4a4843;--ink3:#9a9790;
  --bg:#fafaf8;--surface:#ffffff;
  --accent:#2155c4;--accent-light:#eef2fc;--accent-dark:#173b99;
  --border:rgba(15,14,12,.10);--border-strong:rgba(15,14,12,.18);
  --radius:10px;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
nav{position:sticky;top:0;z-index:200;background:rgba(250,250,248,.94);backdrop-filter:blur(14px);border-bottom:.5px solid var(--border);padding:0 2rem;height:62px;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:'Playfair Display',serif;font-size:21px;color:var(--ink);text-decoration:none}
.logo span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-links a{font-size:14px;color:var(--ink2);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:var(--accent)}
.btn-nav{background:var(--accent);color:#fff;border:none;cursor:pointer;padding:9px 22px;border-radius:var(--radius);font-size:14px;font-weight:500;font-family:'Inter',sans-serif;text-decoration:none;display:inline-block}
.btn-nav:hover{background:var(--accent-dark)}
@media(max-width:860px){.nav-links{display:none}}
.crumb{font-size:13px;color:var(--ink3);margin-bottom:2rem}
.crumb a{color:var(--accent);text-decoration:none}
.meta{font-size:13px;color:var(--ink3);margin-bottom:1rem}
article li{margin-bottom:.5rem}
article strong{color:var(--ink);font-weight:600}
article a{color:var(--accent);text-decoration:underline}
.cta-box{background:var(--accent-light);border-radius:14px;padding:1.6rem 1.8rem;margin-top:3rem;text-align:center}
.cta-box p{color:var(--ink2);margin-bottom:1rem;font-size:15px}
.share-row{display:flex;align-items:center;gap:10px;margin-top:1.8rem;padding-top:1.8rem;border-top:1px solid var(--border)}
.share-label{font-size:13px;color:var(--ink3)}
.share-btn{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink2);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}
.share-btn:hover{border-color:var(--accent);color:var(--accent)}
footer{background:#171614;color:#b8b4ac;padding:56px 2rem 30px;margin-top:60px}
.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand p{font-size:13px;margin-top:.8rem;line-height:1.6;color:#8a8680}
.footer-col h4{font-size:13px;color:#e8e6e0;margin-bottom:1rem;font-weight:600}
.footer-col a{display:block;font-size:13px;color:#a8a49c;text-decoration:none;margin-bottom:.6rem}
.footer-col a:hover{color:#fff}
.footer-bottom{max-width:1100px;margin:0 auto;padding-top:1.8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#7a766e}
@media(max-width:700px){.footer-inner{grid-template-columns:1fr 1fr}}

/* ── Accessibilité : lien d'évitement (skip-link) ── */
.skip-link{
  position:absolute;top:-48px;left:12px;z-index:10000;
  background:var(--accent, #2155c4);color:#fff;
  padding:12px 20px;border-radius:8px;font-family:'Inter',sans-serif;
  font-size:14px;font-weight:600;text-decoration:none;
  transition:top .15s ease;
}
.skip-link:focus{top:12px}