/* CH17_BLOG2 — contenu blog uniquement ; nav/footer/langue = style.css (source unique) */
    :root { --b-ink:#0a0a0a; --b-grey-mid:#3f3f46; --b-grey:#71717a; --b-ivory:#F0EBE0;
            --b-dark:#161616; --b-bronze:#987654; --b-bronze-strong:#7A5F42;
            --b-amber:#e8b84f; --b-border:#ececec; }
    body { padding-top:76px; }
    article { max-width:820px; margin:0 auto; padding:70px 24px 90px;
              font-family:'Archivo',sans-serif; color:var(--b-ink); line-height:1.7; }
    .article-header { margin-bottom:50px; }
    .back-link { display:inline-block; font-size:11px; font-weight:600; letter-spacing:.14em;
                 text-transform:uppercase; color:var(--b-bronze); text-decoration:none;
                 border-bottom:2px solid var(--b-amber); padding-bottom:3px; margin-bottom:34px; }
    .back-link:hover { color:var(--b-bronze-strong); }
    .article-meta { font-size:11px; font-weight:600; letter-spacing:.3em; text-transform:uppercase;
                    color:var(--b-bronze); margin-bottom:14px; }
    .article-header h1 { font-family:'Bodoni Moda',serif; font-style:italic; font-weight:700;
                         font-size:clamp(34px,5vw,54px); line-height:1.1; }
    .article-header .subtitle { margin-top:12px; color:var(--b-grey); font-size:14px; }
    .article-body { display:grid; gap:28px; }
    .digest-card { background:#fff; border:1px solid var(--b-border); border-radius:4px;
                   padding:34px 36px; transition:all .4s cubic-bezier(.2,.7,.3,1); }
    .digest-card-meta { display:flex; flex-wrap:wrap; gap:14px; font-size:11px; font-weight:600;
                        letter-spacing:.16em; text-transform:uppercase; color:var(--b-bronze);
                        margin-bottom:14px; transition:color .35s; }
    .digest-source { color:var(--b-grey); transition:color .35s; }
    .digest-card h3 { font-family:'Bodoni Moda',serif; font-style:italic; font-weight:700;
                      font-size:23px; line-height:1.25; margin-bottom:12px; transition:color .35s; }
    .digest-card h3 a { text-decoration:none; color:inherit; }
    .digest-card p { font-size:15px; line-height:1.75; color:var(--b-grey-mid); transition:color .35s; }
    @media (hover:hover) {
      .digest-card:hover { background:var(--b-dark); border-color:var(--b-dark);
                           transform:translateY(-6px); box-shadow:0 30px 60px rgba(10,10,10,.2); }
      .digest-card:hover h3 { color:var(--b-amber); }
      .digest-card:hover p { color:rgba(240,235,224,.8); }
      .digest-card:hover .digest-card-meta { color:var(--b-amber); }
      .digest-card:hover .digest-source { color:rgba(240,235,224,.6); }
    }
    .article-cta { margin-top:80px; background:var(--b-dark); border-radius:4px;
                   padding:54px 48px; color:rgba(240,235,224,.8); }
    .article-cta h2 { font-family:'Bodoni Moda',serif; font-style:italic; font-weight:400;
                      font-size:30px; color:var(--b-ivory); margin-bottom:12px; }
    .article-cta p { font-size:15px; line-height:1.8; max-width:540px; }
    .btn-cta { display:inline-block; margin-top:26px; background:var(--b-amber); color:var(--b-ink);
               font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
               padding:15px 32px; border-radius:4px; text-decoration:none; transition:background .25s; }
    .btn-cta:hover { background:#fff; }
    @media (max-width:860px) {
      body { padding-top:64px; }
      article { padding-top:44px; }
      .digest-card { padding:26px 22px; }
      .article-cta { padding:36px 26px; }
    }