/* Section « Conseils » : mêmes jetons que la page d'accueil, mise en page article. */
:root{--navy:#152A38; --navy-fonce:#0F1F2A; --ground:#F6F5F1; --ink:#1B2730; --ink2:#3D4C55; --muted:#5B6B75; --muted-nuit:#C3CDD4; --ligne:#E6E4DD; --ligne2:#D9D7D0; --bord:#CFD5D9; --accent:#E8622C; --accent-fonce:#C74E1D; --accent-texte:#C74E1D; --vert:#177E6A; --vert-texte:#136A59; --vert-doux:#E4F2EE;}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif; background:var(--ground); color:var(--ink); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:"Archivo","Public Sans",sans-serif; color:var(--navy); text-wrap:pretty; letter-spacing:-.015em;}
a{color:var(--accent-texte);}
:focus-visible{outline:3px solid var(--accent); outline-offset:3px;}
.top{position:sticky; top:0; z-index:20; background:rgba(246,245,241,.92); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--ligne);}
.top-in{display:flex; justify-content:space-between; align-items:center; height:56px; padding:0 20px; max-width:1312px; margin:0 auto; gap:12px;}
.logo{font-family:"Archivo",sans-serif; font-weight:800; font-size:17px; letter-spacing:.03em; color:var(--navy); text-decoration:none; white-space:nowrap;}
.logo span{color:var(--accent);}
.top-liens{display:flex; align-items:center; gap:14px;}
.top-liens a{font-size:15px; font-weight:600; color:var(--navy); text-decoration:none;}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; height:44px; padding:0 20px; border:0; border-radius:999px; background:var(--accent); color:#fff !important; font-family:"Archivo",sans-serif; font-weight:700; font-size:15px; text-decoration:none; cursor:pointer;}
.btn:hover{background:var(--accent-fonce);}
.btn-clair{background:#fff; color:var(--navy) !important; border:1.5px solid var(--bord);}
.btn-clair:hover{background:#fff; border-color:var(--navy);}
main{max-width:760px; margin:0 auto; padding:36px 20px 72px;}
.fil{font-size:14px; color:var(--muted); margin-bottom:18px;}
.fil a{color:var(--muted); text-decoration:none;}
.fil a:hover{text-decoration:underline;}
.kicker{font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-texte); margin-bottom:10px;}
h1{font-weight:800; font-size:34px; line-height:1.1; letter-spacing:-.025em; margin-bottom:14px;}
.meta{font-size:14px; color:var(--muted); margin-bottom:24px;}
.lede{font-size:19px; line-height:1.55; color:var(--ink2); margin-bottom:28px;}
h2{font-weight:800; font-size:26px; line-height:1.15; margin:44px 0 12px;}
h3{font-weight:700; font-size:19px; margin:26px 0 8px;}
p{margin-bottom:14px; color:var(--ink2);}
p b, li b{color:var(--ink);}
ul,ol{padding-left:24px; margin-bottom:14px;}
li{margin-bottom:8px; color:var(--ink2);}
.encart{background:#fff; border:1px solid var(--ligne); border-left:4px solid var(--accent); border-radius:12px; padding:16px 20px; margin:22px 0;}
.encart p:last-child{margin-bottom:0;}
.encart.vert{border-left-color:var(--vert); background:var(--vert-doux);}
.tableau{overflow-x:auto; border:1px solid var(--ligne); border-radius:12px; background:#fff; margin:18px 0 22px;}
table{width:100%; border-collapse:collapse; font-size:15px; line-height:1.45;}
th,td{text-align:left; vertical-align:top; padding:11px 12px; border-bottom:1px solid var(--ligne);}
tr:last-child td{border-bottom:0;}
th{font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); font-weight:600; white-space:nowrap; background:var(--ground);}
td:first-child{font-weight:600; color:var(--ink);}
code{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace; font-size:.95em; background:#fff; border:1px solid var(--ligne2); padding:1px 7px; border-radius:6px; color:var(--navy); white-space:nowrap;}
.faq details{border-top:1px solid var(--ligne2);}
.faq details:last-child{border-bottom:1px solid var(--ligne2);}
.faq summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 0; font-family:"Archivo",sans-serif; font-weight:700; font-size:17px; line-height:1.3; color:var(--navy);}
.faq summary::-webkit-details-marker{display:none;}
.plus{flex:none; width:26px; height:26px; border-radius:50%; border:1.5px solid var(--navy); display:flex; align-items:center; justify-content:center; font-family:"Public Sans",sans-serif; font-size:17px; font-weight:400; transition:transform .2s;}
.faq details[open] .plus{transform:rotate(45deg);}
.faq details p{margin:0 0 18px;}
.cta{background:var(--navy); color:var(--ground); border-radius:20px; padding:26px 22px; margin:44px 0 0; display:flex; flex-direction:column; gap:14px;}
.cta h2{color:var(--ground); margin:0; font-size:24px;}
.cta p{color:var(--muted-nuit); margin:0;}
.cta-boutons{display:flex; flex-wrap:wrap; gap:10px;}
.cta .btn-clair{background:var(--ground); border-color:transparent;}
.suite{margin-top:36px; padding-top:20px; border-top:1px solid var(--ligne2);}
.suite p{margin-bottom:6px;}
.suite a{font-weight:600;}
.liste-articles{display:flex; flex-direction:column; gap:16px; margin-top:8px;}
.carte{display:block; background:#fff; border:1px solid var(--ligne); border-radius:18px; padding:22px 22px 20px; text-decoration:none; color:inherit;}
.carte:hover{border-color:var(--navy);}
.carte h2{margin:6px 0 8px; font-size:22px;}
.carte p{margin-bottom:8px;}
.carte .meta{margin:0;}
footer{background:var(--navy); color:var(--muted-nuit); padding:36px 20px 40px; font-size:14px; line-height:1.6;}
.foot-in{max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:8px;}
footer a{color:var(--ground);}
@media (min-width:600px){
  .top-in{padding:0 32px;}
  main{padding:56px 32px 96px;}
  h1{font-size:42px;}
  .cta{padding:32px 32px; border-radius:24px;}
}
@media (max-width:599px){
  .top-liens a:not(.btn){display:none;}
}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} *{transition:none !important;} }