/* Actualité / Article page styles — extends styles.css design tokens */

.news-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,var(--navy) 0%,var(--navy-dark) 60%,#04101f 100%);
  color:#fff;padding:56px 0 64px;
}
.news-hero::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle at 90% 10%, rgba(226,161,61,.16), transparent 45%);
  pointer-events:none;
}
.news-hero-inner{position:relative;max-width:820px}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#b7c1d4;margin-bottom:18px}
.breadcrumb a{color:#b7c1d4;text-decoration:none}
.breadcrumb a:hover{color:var(--amber)}
.breadcrumb span[aria-current]{color:var(--amber)}
.news-hero h1{font-size:clamp(1.9rem,3.6vw,2.7rem);max-width:22ch;margin-top:14px}
.post-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;font-size:.88rem;color:#c9d3e4}

.post{background:var(--white);padding:70px 0 90px}
.post-layout{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:start}
.post-body{max-width:720px}
.post-body .lead{font-size:1.12rem;color:var(--muted)}
.post-body h2{color:var(--navy-dark);font-size:1.55rem;margin-top:2.2em}
.post-body h2:first-of-type{margin-top:0}
.post-body h3{color:var(--navy);font-size:1.15rem;margin-top:1.6em}
.post-body p{color:var(--ink)}
.post-body ul:not(.footer-links):not(.side-links){padding-left:1.2em;margin:0 0 1.2em}
.post-body ul li{margin-bottom:.5em;color:var(--ink)}
.post-body a{color:var(--navy);text-decoration:underline;text-decoration-color:rgba(11,37,69,.3)}
.post-body a:hover{color:var(--amber-dark)}
.source-note{font-size:.85rem;color:var(--muted);font-style:italic}

.toc{
  background:var(--bg);border:1px solid #e7eaf0;border-radius:var(--radius);
  padding:22px 26px;margin:28px 0 40px;
}
.toc-title{font-family:'Poppins',sans-serif;font-weight:600;color:var(--navy);margin:0 0 10px;font-size:.95rem;text-transform:uppercase;letter-spacing:.03em}
.toc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.toc a{text-decoration:none;color:var(--navy);font-size:.92rem}
.toc a:hover{color:var(--amber-dark)}

.timeline{list-style:none;padding:0;margin:0 0 1.2em;display:grid;gap:14px}
.timeline li{
  background:var(--bg);border:1px solid #e7eaf0;border-left:3px solid var(--amber);
  border-radius:10px;padding:14px 18px;color:var(--ink);font-size:.95rem;
}

.gallery{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 1.2em;
}
.gallery figure{margin:0;background:var(--bg);border:1px solid #e7eaf0;border-radius:var(--radius);overflow:hidden}
.gallery img{display:block;width:100%;height:190px;object-fit:cover}
.gallery figcaption{padding:12px 14px;font-size:.82rem;color:var(--muted);line-height:1.45}
@media (max-width:700px){
  .gallery{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  .gallery{grid-template-columns:1fr}
}

.inline-cta{
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:linear-gradient(120deg,var(--navy),var(--navy-dark));color:#fff;
  border-radius:var(--radius);padding:32px;margin:2.4em 0;
}
.inline-cta h3{color:#fff;margin-bottom:6px;font-size:1.15rem}
.inline-cta p{color:#c9d3e4;margin-bottom:0;font-size:.92rem;max-width:44ch}

.faq-list{display:grid;gap:16px;margin-top:1.2em}
.faq-item{background:var(--bg);border:1px solid #e7eaf0;border-radius:var(--radius);padding:22px 26px}
.faq-item h3{margin-top:0;margin-bottom:8px;color:var(--navy-dark);font-size:1.02rem}
.faq-item p{margin-bottom:0;color:var(--muted);font-size:.95rem}

.post-footer-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:3em}

.post-side{display:grid;gap:20px;position:sticky;top:100px}
.side-card{background:var(--bg);border:1px solid #e7eaf0;border-radius:var(--radius);padding:24px}
.side-card h3{font-size:.95rem;color:var(--navy);margin-bottom:12px;text-transform:uppercase;letter-spacing:.02em}
.side-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:.9rem;color:var(--muted)}
.side-links a{color:var(--navy);text-decoration:none}
.side-links a:hover{color:var(--amber-dark)}
.side-card-cta{background:linear-gradient(120deg,var(--amber),var(--amber-dark));border:none}
.side-card-cta h3{color:var(--navy-dark)}
.side-card-cta p{color:#3a2a0f;font-size:.9rem;margin-bottom:16px}

@media (max-width:900px){
  .post-layout{grid-template-columns:1fr}
  .post-side{position:static}
}
@media (max-width:560px){
  .inline-cta{flex-direction:column;align-items:flex-start;text-align:left}
  .post-footer-nav{flex-direction:column}
}