
/* Refonte v3 - prioritaire et versionnee */
:root{--navy:#101d35;--red:#e40030;--paper:#f8f7f4;--line:#e4e5e8}
body{background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
.top{border-bottom:1px solid var(--line);position:relative;z-index:10}.brand span{color:var(--red)}.brand i,.stripe{background:linear-gradient(to right,#0056a3 0 33%,#fff 33% 66%,#ed0031 66%)}
.button,.band{background:var(--red)}.button:hover{background:#b50025}.button.light{color:var(--red)}.hero{background:var(--navy)}.hero h1 em{color:#ff2b46}.card .number{color:var(--red)}footer{background:var(--navy)}
.editorial{width:min(1180px,calc(100% - 48px));max-width:1180px;margin:0 auto;padding:64px 0 85px}.editorial h1{font-size:clamp(48px,6vw,82px);margin:18px 0 22px}.editorial h2{font-size:clamp(29px,3.4vw,44px);margin:30px 0 18px}.editorial .intro{font-size:clamp(18px,2vw,23px);max-width:920px;color:#364357}.eyebrow2{font:700 12px Arial;letter-spacing:2px;color:#bc0027;text-transform:uppercase}
.tilegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0}.tile{background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);padding:27px;border-radius:9px;box-shadow:0 8px 24px #101d3509}.tile h3{font-size:23px;margin:12px 0}.tile p{font-size:16px;color:#455065}.tile a{font-weight:700;color:#b8002a}.feature{background:var(--navy);color:#fff;padding:40px;border-radius:12px;margin:45px 0}.feature h2{color:#fff}.feature .num{font:700 clamp(25px,4vw,50px) Arial;color:#fff}.statgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.stat{background:#fff;padding:25px;border:1px solid var(--line);border-radius:9px}.stat strong{font:700 clamp(26px,3vw,43px) Arial;color:var(--navy);display:block}.stat small{display:block}.regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0}.region{background:white;border:1px solid #d3d6de;border-radius:7px;padding:18px;cursor:pointer;font:600 15px Arial;color:var(--navy);text-align:left}.region:hover,.region.selected{background:var(--navy);color:white}.result{background:#fff;padding:28px;border-left:5px solid var(--red);margin:20px 0;border-radius:6px}.filterbar{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.filterbar select,.filterbar input{padding:12px;border:1px solid #b9bec8;background:white;max-width:100%}.smallprint{font-size:13px;color:#5d6572}.debt{font:700 clamp(25px,4vw,48px) Arial;color:#fff;overflow-wrap:anywhere}.faq details{background:#fff;border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:20px}.pills{display:flex;gap:10px;flex-wrap:wrap}.pills button{padding:12px 18px;background:white;border:1px solid #ccd0d6;border-radius:5px;cursor:pointer}.pills button.active{background:var(--navy);color:#fff}.ecosystem{display:flex;gap:15px;flex-wrap:wrap}.ecosystem a{background:white;border:1px solid var(--line);padding:15px;text-decoration:none;border-radius:6px}
.split{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;margin:38px 0 55px}.split img{width:100%;max-height:480px;object-fit:cover;border-radius:12px}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.photo-strip img{width:100%;height:235px;object-fit:cover;border-radius:9px}.callout{background:white;border-left:5px solid var(--red);padding:25px;margin:24px 0}.topic{scroll-margin-top:30px}.topic h2{border-bottom:2px solid #e2e3e7;padding-bottom:15px}.tag{font:700 12px Arial;letter-spacing:1.5px;text-transform:uppercase;color:#b90028}.mini-nav{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.mini-nav a{background:white;border:1px solid #ddd;padding:9px 13px;border-radius:20px;text-decoration:none;font-size:14px}.faq{max-width:880px}.hero-mini{background:var(--navy);color:#fff;padding:38px;border-radius:10px}.hero-mini h2{color:white}
@media(max-width:950px){.tilegrid,.statgrid{grid-template-columns:repeat(2,1fr)}.regions{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.top nav{gap:12px}.top nav a{font-size:14px}}
@media(max-width:650px){.editorial{width:calc(100% - 36px);padding:36px 0 60px}.tilegrid,.statgrid,.regions,.photo-strip{grid-template-columns:1fr}.photo-strip img{height:230px}.feature{padding:24px}.top{position:sticky;top:0}.editorial h1{font-size:48px}}
