/* Actualités — listing magazine + lecture. Réutilise les tokens de tokens.css. */

/* ---- Intro ---- */
.actu-intro{background:var(--paper);padding:var(--u-sect) 0 clamp(28px,4vw,48px)}
.actu-intro h1{font:800 clamp(38px,5vw,68px)/1.02 var(--ft);color:var(--ink);margin:14px 0 0}
.actu-intro__lead{max-width:62ch;margin:18px 0 0;font:400 clamp(16px,1.4vw,19px)/1.6 var(--fb);color:var(--ink-soft)}

/* ---- À la une ---- */
.actu-feature{background:var(--paper);padding:0 0 clamp(36px,4vw,56px)}
.actu-feature__card{display:grid;grid-template-columns:1.1fr .9fr;background:var(--white);border-radius:var(--r-md);overflow:hidden;
  box-shadow:0 1px 2px color-mix(in srgb,var(--overlay) 6%,transparent),0 26px 60px -20px color-mix(in srgb,var(--overlay) 28%,transparent);transition:transform .3s,box-shadow .3s}
.actu-feature__card:hover{transform:translateY(-4px);box-shadow:0 2px 4px color-mix(in srgb,var(--overlay) 8%,transparent),0 40px 80px -24px color-mix(in srgb,var(--overlay) 34%,transparent)}
.actu-feature__media{background-size:cover;background-position:center;min-height:340px}
.actu-feature__body{padding:clamp(28px,3vw,48px);display:flex;flex-direction:column;gap:14px}
.actu-feature__tag{align-self:flex-start;font:800 11px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;
  color:var(--teal-ink);border:1px solid var(--gold);border-radius:var(--r-pill);padding:7px 14px}
.actu-feature__title{font:800 clamp(26px,2.8vw,40px)/1.08 var(--ft);color:var(--ink);margin:0}
.actu-feature__excerpt{font:400 16px/1.6 var(--fb);color:var(--ink-soft)}

.actu-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---- Grille + carte ---- */
.actu-list{background:var(--paper);padding:0 0 var(--u-sect)}
.actu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.actu-card{display:flex;flex-direction:column;background:var(--white);border-radius:var(--r-md);overflow:hidden;
  box-shadow:0 1px 2px color-mix(in srgb,var(--overlay) 6%,transparent),0 18px 40px -14px color-mix(in srgb,var(--overlay) 22%,transparent);transition:transform .28s,box-shadow .28s}
.actu-card:hover{transform:translateY(-5px);box-shadow:0 2px 4px color-mix(in srgb,var(--overlay) 8%,transparent),0 30px 60px -18px color-mix(in srgb,var(--overlay) 30%,transparent)}
.actu-card__media{display:block;aspect-ratio:16/10;background-size:cover;background-position:center}
.actu-card__body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.actu-card__date{font:800 11px/1.3 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.actu-card__title{font:800 19px/1.32 var(--ft);color:var(--ink);margin:0}
.actu-card__excerpt{font:400 15px/1.55 var(--fb);color:var(--ink-soft)}
.actu-card__go{margin-top:auto;font:800 13px/1 var(--ft);color:var(--teal-ink);display:inline-flex;align-items:center;gap:7px}
.actu-card__go .ar{color:var(--gold-ink);transition:transform .2s}
.actu-card:hover .actu-card__go .ar{transform:translateX(3px)}

/* ---- Pagination ---- */
.actu-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:clamp(36px,4vw,56px)}
.actu-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;
  border-radius:var(--r-pill);font:800 14px/1 var(--ft);color:var(--ink);background:var(--white);
  box-shadow:0 1px 2px color-mix(in srgb,var(--overlay) 6%,transparent),0 10px 24px -14px color-mix(in srgb,var(--overlay) 24%,transparent);transition:transform .2s}
.actu-pager .page-numbers:hover{transform:translateY(-2px)}
.actu-pager .page-numbers.current{background:var(--deep);color:var(--white)}
.actu-pager .page-numbers.dots{background:transparent;box-shadow:none;color:var(--ink-soft)}

@media (max-width:900px){
  .actu-feature__card{grid-template-columns:1fr}
  .actu-feature__media{min-height:220px}
  .actu-grid{grid-template-columns:1fr}
}

/* ================= Lecture d'article ================= */
.actu-head{background:var(--paper);padding:var(--u-sect) 0 clamp(20px,3vw,32px)}
.actu-head .hcrumb{font:600 13px/1.4 var(--fb);color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.actu-head .hcrumb a{color:var(--teal-ink)}
.actu-head .hcrumb .sep{color:var(--gold-ink)}
.actu-head .hcrumb b{color:var(--ink)}
.actu-head__date{margin:22px 0 0;font:800 12px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.actu-head h1{max-width:20ch;margin:12px 0 0;font:800 clamp(32px,4.4vw,58px)/1.05 var(--ft);color:var(--ink)}
.actu-head__media{margin-top:clamp(24px,3vw,40px);aspect-ratio:16/7;background-size:cover;background-position:center;border-radius:var(--r-md)}

.actu-body{background:var(--paper);padding:clamp(32px,4vw,56px) 0}
.actu-prose{max-width:68ch;font:400 clamp(16px,1.3vw,18px)/1.75 var(--fb);color:var(--ink)}
.actu-prose > *{margin:0 0 1.1em}
.actu-prose h2{font:800 clamp(24px,2.4vw,32px)/1.15 var(--ft);color:var(--ink);margin:1.8em 0 .5em}
.actu-prose h3{font:800 clamp(20px,1.9vw,24px)/1.2 var(--ft);color:var(--ink);margin:1.6em 0 .4em}
.actu-prose a{color:var(--teal-ink);text-decoration:underline;text-underline-offset:3px}
.actu-prose ul,.actu-prose ol{padding-left:1.3em}
.actu-prose li{margin:0 0 .5em}
.actu-prose img{max-width:100%;height:auto;border-radius:var(--r-md)}
.actu-prose figure{margin:1.6em 0}
.actu-prose figcaption{margin-top:.5em;font:400 13px/1.5 var(--fb);color:var(--ink-soft)}
.actu-prose blockquote{margin:1.6em 0;padding:6px 0 6px 22px;border-left:3px solid var(--gold);
  font:500 clamp(18px,1.7vw,22px)/1.5 var(--ft);color:var(--deep)}
.actu-prose strong{color:var(--ink)}

.actu-more{background:var(--paper);padding:clamp(24px,3vw,40px) 0 var(--u-sect)}
.actu-more__title{font:800 clamp(24px,2.6vw,34px)/1.1 var(--ft);color:var(--ink);margin:0 0 clamp(20px,2.4vw,32px)}

.actu-cta{background:var(--deep);color:var(--white);padding:var(--u-sect) 0;text-align:center}
.actu-cta .kicker{color:var(--gold)}
.actu-cta h2{font:800 clamp(28px,3.4vw,48px)/1.06 var(--ft);margin:14px 0 0}
.actu-cta p{max-width:56ch;margin:16px auto 0;font:400 clamp(16px,1.3vw,18px)/1.6 var(--fb);color:color-mix(in srgb,var(--surface-hi) 82%,transparent)}
.actu-cta .btn--cta{margin-top:26px}