/* Pages Conseils — typographie d'article, alignée sur la charte du site. */
/* L'en-tête du site est en position absolue au-dessus du contenu :
   le bandeau doit démarrer plus bas pour ne pas passer dessous. */
.vd-hero{background:#0e1714;color:#fff;padding:228px 24px 56px;text-align:center}
.vd-hero .vd-kicker{display:inline-block;font:600 12px/1 Rajdhani,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#a9de59;margin-bottom:14px}
.vd-hero h1{margin:0 auto;max-width:900px;font-family:Rajdhani,system-ui,sans-serif;font-weight:700;font-size:clamp(28px,4.4vw,52px);line-height:1.08;color:#fff}
.vd-hero .vd-meta{margin-top:16px;font:400 14px/1.4 "DM Sans",system-ui,sans-serif;color:#b9c2b6}
.vd-wrap{max-width:860px;margin:0 auto;padding:48px 24px 8px;font-family:"DM Sans",system-ui,sans-serif;font-size:17px;line-height:1.7;color:#1d2420}
.vd-wrap .vd-lead{font-size:20px;line-height:1.6;color:#2c352f;border-left:4px solid #a9de59;padding-left:18px;margin:0 0 36px}
.vd-wrap h2{font-family:Rajdhani,system-ui,sans-serif;font-weight:700;font-size:28px;line-height:1.2;margin:44px 0 14px;color:#0e1714}
.vd-wrap h3{font-family:Rajdhani,system-ui,sans-serif;font-weight:700;font-size:21px;margin:28px 0 10px;color:#0e1714}
.vd-wrap p{margin:0 0 16px}
.vd-wrap ul,.vd-wrap ol{margin:0 0 18px;padding-left:22px}
.vd-wrap li{margin-bottom:8px}
.vd-wrap a{color:#1b7a3e;text-decoration:underline;text-underline-offset:2px}
.vd-wrap a:hover{color:#0e1714}
.vd-wrap strong{font-weight:700;color:#0e1714}
.vd-tablewrap{overflow-x:auto;margin:0 0 22px}
.vd-wrap table{width:100%;border-collapse:collapse;font-size:15px;min-width:460px}
.vd-wrap th,.vd-wrap td{text-align:left;padding:10px 12px;border-bottom:1px solid #e3e6e3}
.vd-wrap th{background:#f3f7ee;font-family:Rajdhani,system-ui,sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:.04em}
.vd-toc{background:#f3f7ee;border-radius:14px;padding:20px 24px;margin:0 0 36px}
.vd-toc p{font-family:Rajdhani,system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:14px;margin:0 0 10px;color:#0e1714}
.vd-toc ol{margin:0;padding-left:20px}
.vd-toc a{text-decoration:none;color:#1d2420}
.vd-toc a:hover{text-decoration:underline}
.vd-faq{margin-top:48px;border-top:1px solid #e3e6e3;padding-top:28px}
.vd-faq h2{margin-top:0}
.vd-cta{margin:52px 0 8px;background:#0e1714;color:#fff;border-radius:18px;padding:34px 30px;text-align:center}
.vd-cta h2{color:#fff;margin:0 0 10px}
.vd-cta p{color:#c9d2c6;max-width:560px;margin:0 auto 20px}
.vd-cta a.vd-btn{display:inline-block;background:#a9de59;color:#0e1714;font-family:Rajdhani,system-ui,sans-serif;font-weight:700;font-size:18px;letter-spacing:.02em;padding:15px 30px;border-radius:10px;text-decoration:none}
.vd-cta a.vd-btn:hover{background:#fff}
.vd-crumbs{max-width:860px;margin:0 auto;padding:22px 24px 0;font:400 14px/1.4 "DM Sans",system-ui,sans-serif;color:#6b726e}
.vd-crumbs a{color:#6b726e;text-decoration:none}
.vd-crumbs a:hover{text-decoration:underline}
.vd-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:8px 0 12px}
.vd-card{border:1px solid #e3e6e3;border-radius:16px;padding:22px 24px;display:flex;flex-direction:column}
.vd-card h2{font-size:22px;margin:0 0 10px}
.vd-card h2 a{color:#0e1714;text-decoration:none}
.vd-card h2 a:hover{color:#1b7a3e}
.vd-card p{color:#4a534d;font-size:15px;flex:1}
.vd-card span{font-size:13px;color:#8b938d}
@media(max-width:1024px){.vd-hero{padding:132px 20px 44px}}
@media(max-width:600px){.vd-wrap{padding:34px 18px 8px;font-size:16px}.vd-hero{padding:118px 18px 38px}}