:root{--primary:#00A3D9;--secondary:#059669;--navy:#070C1E;--text-main:#0F172A;--text-muted:#64748b;--border:#e2e8f0;--border-accent:rgba(0,163,217,.35);--bg-accent-soft:rgba(0,163,217,.08);--shadow-card:0 10px 30px rgba(15,23,42,.08);--shadow-lifted:0 20px 45px rgba(15,23,42,.14)}
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;box-sizing:border-box}
@media(min-width:640px){.container{padding:0 1.5rem}}
@media(min-width:1024px){.container{padding:0 2rem}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;padding:.9rem 1.7rem;font-weight:800;color:#020617;background:linear-gradient(90deg,#22d3ee,#34d399,#fcd34d);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(2,6,23,.25)}
.blog-main,.article-main{background:#fff}.blog-hero{text-align:center;padding:5.5rem 0 4rem;background:#fff}.blog-hero h1{font-size:3.2rem;line-height:1.1;margin:.5rem 0 1rem}.blog-hero p{max-width:700px;margin:auto;color:var(--text-muted);font-size:1.15rem}.blog-listing{padding-top:1rem;padding-bottom:6rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card);transition:.2s}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lifted)}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card-content{padding:1.5rem}.blog-category{display:inline-block;color:var(--primary);background:var(--bg-accent-soft);border-radius:20px;padding:.3rem .7rem;font-size:.75rem;font-weight:800;margin-bottom:1rem}.blog-card h2{font-size:1.25rem;line-height:1.3;margin:0 0 .8rem}.blog-card h2 a{text-decoration:none}.blog-card p{color:var(--text-muted);margin-bottom:1rem}.blog-card time,.article-header time{font-size:.82rem;color:var(--text-muted)}.blog-card-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.82rem}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:3rem}.blog-pagination a{color:var(--primary);font-weight:700}.blog-empty{text-align:center;padding:5rem 1rem}.article-layout{max-width:900px;padding-top:5rem;padding-bottom:6rem}.article-header{position:static!important;top:auto!important;z-index:auto!important;background:transparent!important;box-shadow:none!important;text-align:center;max-width:800px;margin:0 auto 3rem}.article-header h1{font-size:3rem;line-height:1.15;margin:.5rem 0 1.2rem}.article-excerpt{font-size:1.2rem;color:var(--text-muted);line-height:1.65}.article-cover{display:block;width:100%;max-width:760px;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin:0 auto 2rem}.article-content{max-width:760px;margin:auto;font-family:Georgia,serif;font-size:1.1rem;line-height:1.85}.article-content h2,.article-content h3,.article-content h4{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.25;margin:2.2em 0 .7em}.article-content h2{font-size:1.8rem}.article-content h3{font-size:1.4rem}.article-content p,.article-content ul,.article-content ol,.article-content blockquote{margin:0 0 1.4rem}.article-content ul,.article-content ol{padding-left:1.6rem}.article-content ul{list-style:disc}.article-content blockquote{border-left:4px solid #34D399;background:#ECFDF5;color:#0F172A;padding:1rem 1.5rem;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-style:italic}.article-content a{color:var(--primary)}.article-content img{border-radius:10px;margin:2rem auto}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:4rem auto 0;max-width:760px;padding:2rem 2.2rem;background:var(--navy);color:#fff;border-radius:16px;box-shadow:0 20px 45px rgba(7,12,30,.22)}.article-cta-copy{min-width:0}.article-cta-label{display:block;margin-bottom:.25rem;color:#67e8f9;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.article-cta h2{margin:0 0 .45rem;font-size:1.25rem;line-height:1.3;color:#fff}.article-cta p{margin:0;color:#cbd5e1;font-size:.88rem;line-height:1.55}.article-cta .btn{flex:0 0 auto}.article-cta-reassurance{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin-top:.75rem;color:#94a3b8;font-size:.7rem}.article-cta-reassurance span:not(:last-child)::after{content:"·";margin-left:1rem}.blog-not-found{padding:7rem 1.5rem;text-align:center}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}.article-header h1{font-size:2.4rem}}@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-hero h1,.article-header h1{font-size:2.15rem}.blog-hero{padding:4rem 0 3rem}.article-layout{padding-top:3.5rem}.article-content{font-size:1.02rem}.article-cta{align-items:flex-start;flex-direction:column;padding:1.4rem}.article-cta .btn{width:100%;text-align:center}.article-cta-reassurance{display:grid;gap:.25rem}.article-cta-reassurance span::after{display:none}}
.article-reading-bar{position:fixed;top:80px;left:0;right:0;z-index:90;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);box-shadow:0 8px 20px rgba(15,23,42,.05);transform:translateY(-120%);opacity:0;pointer-events:none;transition:.2s ease}.article-reading-bar.is-visible{transform:translateY(0);opacity:1}.article-reading-bar .container{height:54px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.article-reading-bar strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}.article-reading-bar span{flex-shrink:0;color:var(--text-muted);font-size:.78rem}@media(max-width:620px){.article-reading-bar{top:80px}.article-reading-bar span{display:none}}
.preview-banner{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:10px;padding:12px 16px;margin-bottom:2rem;text-align:center;font-weight:700}
.article-collection{display:inline-block;margin-left:.5rem;color:var(--secondary);background:#ecfdf5;border-radius:20px;padding:.3rem .7rem;font-size:.75rem;font-weight:800}.article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem 1rem;margin-top:1.5rem;color:var(--text-muted);font-size:.82rem}.article-meta span:not(:last-child)::after,.article-meta time:not(:last-child)::after{content:"·";margin-left:1rem}.related-resources{max-width:900px;margin:4rem auto 0}.related-resources h2{text-align:center;margin-bottom:1.5rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.related-grid article{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.related-grid a{display:block;height:100%;padding:1.2rem;text-decoration:none}.related-grid img{width:calc(100% + 2.4rem);max-width:none;margin:-1.2rem -1.2rem 1rem;aspect-ratio:16/9;object-fit:cover}.related-grid h3{font-size:1rem;line-height:1.35;margin:0 0 .5rem}.related-grid p{color:var(--text-muted);font-size:.86rem;margin:0}@media(max-width:620px){.article-meta{flex-direction:column;gap:.25rem}.article-meta span::after,.article-meta time::after{display:none}.article-collection{margin-left:0}}

.guide-download{display:grid;grid-template-columns:84px 1fr;gap:1.5rem;align-items:start;max-width:760px;margin:4rem auto;padding:2.2rem;border-radius:18px;background:var(--navy);color:#fff;box-shadow:0 20px 50px rgba(7,12,30,.25)}.guide-download-icon{display:grid;place-items:center;width:72px;height:86px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#34d399);color:#020617;font-size:.9rem;font-weight:800;letter-spacing:.08em}.guide-eyebrow{margin:0 0 .35rem!important;color:#67e8f9;font-family:'Plus Jakarta Sans',sans-serif;font-size:.78rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.guide-download h2{margin:0 0 .5rem;font-size:1.45rem;color:#fff}.guide-download-copy>p{margin:0 0 1.25rem;color:#cbd5e1;font-family:'Plus Jakarta Sans',sans-serif;font-size:.95rem;line-height:1.55}.guide-form-fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:.75rem}.guide-form-fields label{font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;font-weight:700;color:#e2e8f0}.guide-form-fields input{width:100%;min-height:48px;margin-top:.35rem;border:1px solid #334155;border-radius:9px;padding:.7rem .85rem;font:inherit;background:#fff;color:#0f172a}.guide-form-fields button{grid-column:1/-1;min-height:48px;border:0;border-radius:9px;padding:.7rem 1.1rem;background:linear-gradient(90deg,#22d3ee,#34d399,#fcd34d);color:#020617;font:inherit;font-weight:800;cursor:pointer}.guide-consent{display:flex;align-items:flex-start;gap:.55rem;margin-top:1rem;color:#94a3b8;font-family:'Plus Jakarta Sans',sans-serif;font-size:.78rem;line-height:1.45}.guide-consent input{margin-top:.18rem}.guide-privacy{margin:.8rem 0 0!important;color:#94a3b8;font-family:'Plus Jakarta Sans',sans-serif;font-size:.7rem!important;line-height:1.45!important}.guide-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}@media(max-width:620px){.guide-download{grid-template-columns:1fr;padding:1.4rem}.guide-download-icon{width:58px;height:68px}.guide-form-fields{grid-template-columns:1fr}.guide-form-fields button{grid-column:auto;width:100%}}

.guide-preview{max-width:760px;margin:-2rem auto 4rem}.guide-preview-label{text-align:center;color:var(--primary);font-family:'Plus Jakarta Sans',sans-serif;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.guide-preview-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,210px));justify-content:center;gap:.9rem;max-width:700px;margin:.85rem auto 0}.guide-preview-pages figure{position:relative;margin:0;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.08);transition:transform .25s ease,box-shadow .25s ease;transform-origin:center}.guide-preview-pages img{display:block;width:100%;height:auto}.guide-preview-pages figure.is-last::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 78%);pointer-events:none}@media(hover:hover) and (pointer:fine){.guide-preview-pages figure:hover{z-index:2;transform:scale(1.08);box-shadow:0 18px 38px rgba(15,23,42,.16)}}@media(max-width:620px){.guide-preview{margin:-1.5rem auto 3rem}.guide-preview-pages{grid-template-columns:repeat(auto-fit,minmax(120px,160px));gap:.7rem}}

.article-content table{width:100%;margin:2rem 0;border-collapse:collapse;font-family:'Plus Jakarta Sans',sans-serif;font-size:.92rem}.article-content th,.article-content td{padding:.8rem;border:1px solid var(--border);text-align:left;vertical-align:top}.article-content th{background:var(--bg-accent-soft);font-weight:800}
.article-content table:has(tr:only-child td:only-child):not(:has(th)){display:block;border:0;border-left:4px solid #00C2FF;background:#ECFEFF;border-radius:10px;padding:1.1rem 1.5rem;font-size:1.1rem}
.article-content table:has(tr:only-child td:only-child):not(:has(th)) tr,.article-content table:has(tr:only-child td:only-child):not(:has(th)) td{display:block;border:0;padding:0}
.article-content blockquote>:last-child,.article-content table:has(tr:only-child td:only-child):not(:has(th)) td>:last-child{margin-bottom:0}.article-content figure{margin:2rem 0}.article-content figcaption{margin-top:.6rem;color:var(--text-muted);font-family:'Plus Jakarta Sans',sans-serif;font-size:.8rem;text-align:center}.article-content details{margin:1.5rem 0;border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;background:#fff}.article-content summary{cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800}.article-content pre{max-width:100%;overflow:auto;margin:1.5rem 0;padding:1rem;border-radius:10px;background:#111827;color:#f8fafc;font-size:.88rem;line-height:1.6}.article-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.article-content hr{margin:2.5rem 0;border:0;border-top:1px solid var(--border)}@media(max-width:620px){.article-content table{display:block;overflow-x:auto}}

.blog-guide-badge{position:absolute;top:1rem;left:1rem;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 2rem);padding:.5rem .8rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),#059669);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.02em;box-shadow:0 8px 22px rgba(0,163,217,.28)}.blog-card.has-guide>a:first-of-type{display:block}.blog-card.has-guide>a:first-of-type img{display:block}


.article-breadcrumb{width:100%;margin:0 0 2.4rem;font-family:'Plus Jakarta Sans',sans-serif}.article-breadcrumb ol{display:flex;align-items:center;gap:.55rem;min-width:0;margin:0;padding:0;overflow:hidden;list-style:none;color:var(--text-muted);font-size:.78rem;line-height:1.4}.article-breadcrumb li{display:flex;align-items:center;min-width:0;white-space:nowrap}.article-breadcrumb li:not(:last-child)::after{content:"›";flex:0 0 auto;margin-left:.55rem;color:#94a3b8;font-weight:700}.article-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.article-breadcrumb a:hover,.article-breadcrumb a:focus-visible{color:var(--primary);text-decoration:underline}.article-breadcrumb .breadcrumb-current{flex:1;overflow:hidden;color:var(--text-main);font-weight:700;text-overflow:ellipsis}.article-breadcrumb .breadcrumb-category{color:var(--primary);font-weight:700}@media(max-width:620px){.article-breadcrumb{margin-bottom:1.7rem}.article-breadcrumb .breadcrumb-category{display:none}.article-breadcrumb .breadcrumb-category::after{display:none}.article-breadcrumb ol{font-size:.73rem}}

/* Visionneuse des pages d'aperçu */
.guide-preview-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.guide-preview-open:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
body.guide-lightbox-open{overflow:hidden}
.guide-lightbox[hidden]{display:none}
.guide-lightbox{position:fixed;inset:0;z-index:3000;display:grid;grid-template-columns:auto minmax(0,900px) auto;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:rgba(11,7,30,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.guide-lightbox-content{display:flex;max-width:900px;max-height:calc(100vh - 4rem);flex-direction:column;align-items:center;gap:.75rem}
.guide-lightbox-content img{display:block;max-width:100%;max-height:calc(100vh - 7rem);width:auto;height:auto;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.guide-lightbox-content p{margin:0;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:.85rem;font-weight:700}
.guide-lightbox-close,.guide-lightbox-nav{display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}
.guide-lightbox-close:hover,.guide-lightbox-nav:hover{background:var(--primary);transform:scale(1.05)}
.guide-lightbox-close:focus-visible,.guide-lightbox-nav:focus-visible{outline:3px solid #fff;outline-offset:3px}
.guide-lightbox-close{position:absolute;top:1.25rem;right:1.25rem;width:46px;height:46px;border-radius:50%;font-size:1.8rem;line-height:1}
.guide-lightbox-nav{width:48px;height:64px;border-radius:12px;font-size:2.2rem;line-height:1}
@media(max-width:700px){.guide-lightbox{grid-template-columns:44px minmax(0,1fr) 44px;gap:.4rem;padding:4.5rem .5rem 1rem}.guide-lightbox-nav{width:42px;height:56px}.guide-lightbox-content{max-height:calc(100vh - 5.5rem)}.guide-lightbox-content img{max-height:calc(100vh - 8rem)}}


.site-header{border-bottom:1px solid #e5e7eb;background:#fff}.site-header .container{display:flex;align-items:center;justify-content:space-between;min-height:72px}.site-brand{display:flex;align-items:center;gap:.75rem;color:#0f172a;font-weight:800;text-decoration:none}.site-brand img{width:180px;max-height:48px}.site-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid #e5e7eb;color:#64748b}
.content-type-badge{display:inline-flex;margin-bottom:.55rem;padding:.25rem .55rem;border:1px solid #cbd5e1;border-radius:999px;color:#334155;background:#f8fafc;font-size:.75rem;font-weight:700}
.article-sources{max-width:760px;margin:0 auto 1.2rem;padding:.8rem 1rem;border-radius:12px;background:#f8fafc;border:1px solid var(--border)}.article-content>:first-child{margin-top:0}.article-sources-meta{margin:0 0 .4rem;color:var(--text-muted);font-size:.72rem}.article-sources-meta strong{color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.article-sources ul{margin:0;padding:0;list-style:none}.article-sources li{font-size:.78rem;line-height:1.5}.article-sources a{color:#334155;text-decoration:underline;text-underline-offset:2px}