/* Compléments limités aux deux guides data. La charte reste dans fiches-ia.css. */
body.page-data-guide{--blue:#2580df;--orange:#ff8624;--grad:linear-gradient(90deg,#ff8624,#e63e85,#7652de,#2580df);font-family:"DM Sans",Arial,sans-serif;background:#fffdf8;line-height:1.65}
body.page-data-guide .hero{position:relative;padding:62px 0;background:linear-gradient(130deg,#f7f3ec,#fff 60%,#edf3fb)}
body.page-data-guide .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:48px}
body.page-data-guide .hero h1{font-size:clamp(38px,4.5vw,65px);line-height:1.02;font-weight:600;letter-spacing:-.05em;margin:18px 0 24px}
body.page-data-guide .hero-intro{font-size:19px;line-height:1.65}
body.page-data-guide .eyebrow,body.page-data-guide .kicker{font-size:12px;letter-spacing:.12em;color:#2264a9}
body.page-data-guide .pill{font-size:13px}
body.page-data-guide .proof-panel{background:#121b2b;color:white;border-radius:22px;padding:28px;box-shadow:0 20px 44px #14243d1f;border:1px solid #25354b}
.proof-panel .proof-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#c7d5ed}
.proof-panel .proof-value{font-family:"Space Grotesk";font-weight:500;font-size:52px;line-height:1.1;letter-spacing:-.045em;margin:24px 0 8px}
.proof-panel p{color:#d2dceb;font-size:15px;line-height:1.6;margin:0 0 18px}
.proof-panel dl{margin:22px 0 0}.proof-panel dl div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #354359;padding:10px 0;font-size:14px}.proof-panel dt{color:#c5cede}.proof-panel dd{margin:0;font-weight:600}.proof-panel .proof-note{font-size:12px;color:#bdc6d5;margin:14px 0 0}
body.page-data-guide .summary-grid{grid-template-columns:repeat(3,1fr)}
body.page-data-guide .summary-item{padding:22px 25px}.summary-item strong em{font-style:normal;color:#9ecfff;font-size:14px;margin-right:14px}
body.page-data-guide .kit-section{padding:32px 0 16px;background:#fffdf8}
body.page-data-guide .download-card{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;border-top:4px solid #ff7a1a;background:#fff;padding:28px 32px}
body.page-data-guide .download-card h2{font:600 26px/1.15 "Space Grotesk";letter-spacing:-.03em;margin:0 0 9px}.download-card p{font-size:15px;line-height:1.6;margin:0;color:#5f616a;max-width:700px}.download-action{display:grid;gap:10px;max-width:320px}.download-action small{font-size:12px;color:#6c707a;text-align:center}
body.page-data-guide .button{text-align:center;text-decoration:none;white-space:normal;font-family:"DM Sans",Arial,sans-serif;line-height:1.35}
.guide-toc{display:flex;flex-wrap:wrap;gap:9px;padding:14px 0 30px}.guide-toc a{border:1px solid #d5d6dc;background:#fff;border-radius:999px;padding:8px 15px;font-size:14px;color:#373c49;text-decoration:none}.guide-toc a:hover{border-color:#2580df;background:#edf4fc}
body.page-data-guide .guide-section{padding:58px 0;scroll-margin-top:108px}
body.page-data-guide .section-head{display:block;margin-bottom:32px}
body.page-data-guide .title{font-size:clamp(32px,3.7vw,46px);line-height:1.08;font-weight:500;letter-spacing:-.04em;max-width:900px;margin:10px 0 0}
.guide-layout{display:grid;grid-template-columns:150px minmax(0,850px);gap:46px;justify-content:space-between}
.step-rail{border-top:2px solid #2580df;padding-top:20px}.step-rail .rail-number{font:500 66px/1 "Space Grotesk";color:#2580df;letter-spacing:-.05em}.step-rail p{font-size:14px;color:#6b707a;margin:14px 0;line-height:1.5}
.guide-content{min-width:0}.guide-content>p{font-size:17px;line-height:1.75;margin:0 0 20px;color:#3d424d}.guide-content h3{font:600 23px/1.22 "Space Grotesk";letter-spacing:-.025em;margin:32px 0 14px}.guide-content h3:first-child{margin-top:0}
.guide-content a:not(.button){color:#225f9e;text-decoration:underline;text-underline-offset:3px}
body.page-data-guide .guide-note{border:1px solid #dfd8cb;border-left:4px solid #ff8624;background:#fff8ed;border-radius:0 14px 14px 0;padding:22px 25px;margin:26px 0;font-size:16px;line-height:1.7;color:#494333}
body.page-data-guide .guide-code{position:relative;background:#14243d;border:1px solid #2b3c55;border-radius:18px;padding:24px;margin:24px 0;color:#edf3ff}
.guide-code pre{margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,Consolas,monospace;color:inherit}.guide-code .button{min-height:38px;padding:8px 15px;font-size:11px}.copy-feedback{font-size:12px;margin-left:12px;color:#d7e1ef}
body.page-data-guide .matrix-wrap{overflow-x:auto;border:1px solid #dedbd4;border-radius:16px;margin:24px 0;background:white}
body.page-data-guide .matrix{width:100%;border-collapse:collapse;min-width:0;font-size:15px;line-height:1.55;margin:0}
body.page-data-guide .matrix th{background:#14243d;color:#fff;font-size:12px;letter-spacing:.05em;padding:15px 18px;text-align:left;text-transform:uppercase}
body.page-data-guide .matrix td{border-top:1px solid #dedbd4;padding:16px 18px;vertical-align:top;color:#474d57;font-size:15px}.matrix td:first-child{width:32%;font-weight:600}.matrix tbody tr:nth-child(even){background:#f8f8fa}
.guide-sources{font-size:14px;line-height:1.7;padding-left:22px}.guide-sources li{margin:12px 0;overflow-wrap:anywhere}.guide-sources a{color:#225f9e;text-decoration:underline}.related-guide{font-size:17px;line-height:1.7}.related-guide a{color:#225f9e;text-decoration:underline}
body.page-data-guide .guide-section .shell{max-width:1180px}
@media(max-width:980px){body.page-data-guide .hero-grid{grid-template-columns:1fr}.proof-panel{max-width:600px}.guide-layout{grid-template-columns:1fr;gap:22px}.step-rail{display:flex;gap:20px;align-items:center}.step-rail .rail-number{font-size:40px}.step-rail p{margin:0}}
@media(max-width:700px){body.page-data-guide .hero{padding:38px 0}body.page-data-guide .hero h1{font-size:39px}body.page-data-guide .download-card{grid-template-columns:1fr;padding:24px;gap:22px}.download-action{max-width:none}body.page-data-guide .summary-grid{grid-template-columns:1fr}body.page-data-guide .summary-item{border-right:0;border-bottom:1px solid #ffffff26}body.page-data-guide .guide-section{padding:40px 0}.guide-content>p{font-size:16px}body.page-data-guide .matrix{min-width:490px}.guide-code{padding:18px!important}body.page-data-guide .nav .button{display:inline-flex}.guide-toc{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){body.page-data-guide *,body.page-data-guide *::before{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.kit-section,.guide-toc,.guide-code button,.copy-feedback{display:none!important}.guide-layout{display:block}.step-rail{display:none}.guide-section{break-before:page}.hero{padding:0!important}}
