/* ============================================
   CHRONIQUES — Page dédiée
   ============================================ */

.nav__link--active { color:var(--accent) !important; }

/* HERO */
.chrono-hero {
    padding:76px 0 32px;
    border-bottom:1px solid var(--border);
}
.chrono-hero__title {
    font-size:1.5rem; font-weight:700; letter-spacing:-0.025em;
    line-height:1.25; margin-bottom:4px;
}
.chrono-hero__sub {
    font-size:0.9375rem; color:var(--dim);
}

/* MAIN */
.chrono-main { padding:32px 0 48px; }

/* ARTICLE */
.article {
    padding-bottom:40px; margin-bottom:32px;
    border-bottom:1px solid var(--border);
}
.article:last-child { border-bottom:none; margin-bottom:0; }

.article__meta {
    display:flex; gap:8px; align-items:center; margin-bottom:12px;
}
.article__date {
    font-family:var(--m); font-size:0.5625rem; color:var(--muted);
    text-transform:uppercase; letter-spacing:0.08em;
}
.article__tag {
    font-family:var(--m); font-size:0.5rem; text-transform:uppercase;
    letter-spacing:0.06em; padding:3px 8px; border-radius:4px;
    background:var(--accent-gl); color:var(--accent);
}
.article__title {
    font-size:1.375rem; font-weight:700; letter-spacing:-0.02em;
    line-height:1.25; margin-bottom:6px;
}
.article__subtitle {
    font-size:0.9375rem; color:var(--dim); line-height:1.6;
    margin-bottom:24px; padding-bottom:20px;
    border-bottom:1px solid var(--border);
}

.article__image {
    margin-bottom:20px; border-radius:8px; overflow:hidden;
    border:1px solid var(--border);
}
.article__image img {
    width:100%; height:auto; display:block;
}

.article__content p {
    font-size:0.875rem; color:var(--dim); line-height:1.8; margin-bottom:12px;
}
.article__content p strong { color:var(--w); }
.article__content h3 {
    font-size:1rem; font-weight:700; color:var(--w);
    margin-top:24px; margin-bottom:10px;
}
.article__content ul {
    list-style:none; display:flex; flex-direction:column;
    gap:8px; margin-bottom:14px; padding-left:0;
}
.article__content ul li {
    font-size:0.875rem; color:var(--dim); line-height:1.7;
    padding-left:18px; position:relative;
}
.article__content ul li::before {
    content:'→'; position:absolute; left:0; color:var(--accent); font-size:0.8125rem;
}

.article__takeaway {
    background:var(--accent-gl); border:1px solid rgba(233,30,140,0.12);
    border-radius:8px; padding:20px 22px; margin-top:24px;
}
.article__takeaway h3 {
    color:var(--accent); margin-top:0; margin-bottom:12px; font-size:0.875rem;
}
.article__takeaway ul li { color:var(--w) !important; }

/* RESPONSIVE */
@media (max-width:768px) {
    .chrono-hero { padding:64px 0 24px; }
    .chrono-hero__title { font-size:1.25rem; }
    .article__title { font-size:1.125rem; }
    .article__subtitle { font-size:0.875rem; }
    .chrono-main { padding:24px 0 32px; }
    .article__content h3 { font-size:0.9375rem; }
    .article__takeaway { padding:16px; }
    .article__image { margin-bottom:16px; }
}