/* Page MNT — revue REIN-BÉNIN. S'appuie sur les variables de legal.css. */
.mnt-hero{padding:56px 0 40px;border-bottom:1px solid var(--line)}
.kicker{font:600 13px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 12px}
.mnt-hero h1{max-width:20ch}
.mnt-hero .intro{max-width:62ch;margin-top:14px}
.rubriques{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.rubrique{font:600 14px var(--body);padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}
.rubrique.actif{background:var(--blue);border-color:var(--blue);color:#fff}
.revue{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;padding:48px 0 72px;align-items:start}
.sommaire{position:sticky;top:88px;font-size:15px}
.sommaire b{display:block;font:600 13px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.sommaire ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.sommaire li{margin:0}
.sommaire a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--muted)}
.sommaire a:hover,.sommaire a.on{color:var(--blue);border-left-color:var(--blue)}
.revue article{max-width:68ch}
.entete{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.entete img{width:96px;height:auto;flex:none}
.entete h2{margin:0;font:800 clamp(28px,4vw,38px)/1.1 var(--display)}
.byline{color:var(--muted);font-size:15px;margin:0 0 26px}
.chapo{font-size:20px;line-height:1.55;margin-bottom:12px}
.revue article section{padding-top:8px;scroll-margin-top:84px}
.revue article h3{font:700 24px/1.25 var(--display);margin:44px 0 12px}
.etapes{counter-reset:e;list-style:none;padding:0;margin:18px 0}
.etapes li{counter-increment:e;position:relative;padding:0 0 0 54px;margin:0 0 20px}
.etapes li::before{content:counter(e);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;border:2px solid var(--blue);color:var(--blue);display:grid;place-items:center;font:700 16px var(--display)}
.etapes b{display:block;font:600 18px var(--display);margin-bottom:2px}
.cadre{background:var(--blue-soft);border-left:4px solid var(--blue);border-radius:0 12px 12px 0;padding:16px 20px;margin:22px 0}
.cadre p:last-child{margin:0}
.statuts{display:grid;gap:12px;margin:18px 0}
.statut{display:grid;grid-template-columns:auto 1fr;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.statut .tag{font:600 13px var(--body);padding:3px 10px;border-radius:999px;height:fit-content;white-space:nowrap}
.tag.fait{background:var(--blue-soft);color:var(--blue)}
.tag.cours{background:var(--todo);color:#5a4500}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tag.cours{color:#f3dd8a}}
.statut p{margin:0}
.contact-box{background:var(--blue-deep);color:#fff;border-radius:18px;padding:28px;margin-top:40px}
.contact-box h3{margin:0 0 8px;color:#fff}
.contact-box p{color:rgba(255,255,255,.88)}
.contact-box a.btn{display:inline-block;margin:6px 10px 0 0;padding:11px 18px;border-radius:10px;font:600 15px var(--body);text-decoration:none;background:#fff;color:var(--blue-deep)}
.contact-box a.btn.sec{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.note-bas{font-size:14px;color:var(--muted);margin-top:28px}
@media (max-width:900px){.revue{grid-template-columns:1fr;gap:24px}.sommaire{position:static}.sommaire ol{display:flex;flex-wrap:wrap;gap:4px 16px;border:0}.sommaire a{border:0;padding:4px 0;margin:0}.entete{flex-direction:column;align-items:flex-start}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
