/* Servio — journal et articles. Extension de home.css : mêmes jetons, mêmes composants. */
/* Ce fichier suppose home.css chargé avant lui (variables, .container, .band, .btn, .header, .footer). */

/* ---------- En-tête de page (bande sombre sous la barre flottante) ---------- */
.news-hero{padding:170px 0 clamp(54px,6vw,86px);background:var(--ink-2);border-bottom:1px solid var(--line-dark)}
.news-hero h1{margin-top:22px;max-width:16ch}
.news-hero .lead{margin-top:24px;max-width:620px}
.news-hero .eyebrow+h1{margin-top:20px}
.news-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;font-size:13px;font-weight:600;color:var(--on-dark-dim)}
.news-back:hover{color:var(--accent)}
.news-hero.is-article h1{font-size:clamp(34px,4.6vw,58px);line-height:1.04;letter-spacing:-.03em;max-width:20ch}
.news-meta{margin-top:20px;font-size:13px;letter-spacing:.04em;color:var(--on-dark-dim)}

/* ---------- Grille d'articles (cartes claires, calquées sur .number-card) ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.news-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line-light);border-radius:var(--r-lg);background:var(--paper);padding:32px 30px 28px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.news-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0;transition:opacity .2s}
.news-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(8,32,26,.55)}
.news-card:hover:before{opacity:1}
.news-card h3{margin-top:22px;font-size:21px;line-height:1.28;color:var(--on-light)}
.news-card p{margin-top:13px;font-size:15px;line-height:1.75;color:var(--on-light-dim)}
.news-card .text-link{margin-top:auto;padding-top:24px;border:0;color:var(--accent-ink)}
.news-card .text-link svg{width:16px;height:16px}
.news-card:hover .text-link{gap:12px}

/* ---------- Corps d'article ---------- */
.news-article{max-width:760px;margin-inline:auto}
.news-article section{margin-top:44px}
.news-article h2{font-size:clamp(23px,2.4vw,29px);line-height:1.2;letter-spacing:-.022em;color:var(--on-light)}
.news-article section h2:after{content:'';display:block;width:34px;height:2px;border-radius:2px;margin-top:16px;background:var(--accent)}
.news-article p{margin-top:16px;font-size:17px;line-height:1.85;color:var(--on-light-dim)}
.news-cta{max-width:760px;margin:56px auto 0;padding-top:34px;border-top:1px solid var(--line-light);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.news-cta p{font-size:15px;line-height:1.7;color:var(--on-light-dim);max-width:38ch}

/* ---------- Bloc « actualités » sur la page d'accueil ---------- */
.news-home .band-head{margin-bottom:46px}
.news-all{margin-top:42px}

@media(max-width:980px){
  .news-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .news-hero{padding:126px 0 48px}
  .news-grid{grid-template-columns:1fr}
  .news-card{padding:26px 24px}
  .news-article section{margin-top:36px}
  .news-article p{font-size:16px}
  .news-cta{flex-direction:column;align-items:flex-start}
  .news-cta .btn{width:100%}
}