/* Typolix — styles éditoriaux des guides SEO */
.guide-wrap{width:100%;max-width:1080px;margin:42px auto 70px;padding:0 20px}
.guide-hero{position:relative;overflow:hidden;padding:52px 42px;border-radius:30px;background:linear-gradient(135deg,#111827 0%,#4f46e5 58%,#8b5cf6 100%);color:#fff;box-shadow:0 25px 70px rgba(79,70,229,.20)}
.guide-hero:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-110px;top:-160px;background:rgba(255,255,255,.11)}
.guide-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-90px;bottom:-110px;background:rgba(14,165,233,.12)}
.guide-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.guide-hero h1{position:relative;z-index:1;font:800 clamp(2.25rem,5vw,4.4rem)/1.04 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;margin:19px 0 14px;max-width:850px}
.guide-hero p{position:relative;z-index:1;margin:0;font-size:17px;line-height:1.75;color:rgba(255,255,255,.86);max-width:790px}
.guide-wrap>.ad-slot{margin:20px 0 24px}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}
.guide-content,.guide-toc{background:rgba(255,255,255,.96);border:1px solid #e4e7ef;border-radius:24px;box-shadow:0 18px 55px rgba(31,25,71,.07)}
.guide-content{padding:34px 36px;min-width:0}
.guide-content h2{font:800 1.65rem/1.25 'Plus Jakarta Sans',sans-serif;color:#172033;margin:32px 0 10px;scroll-margin-top:100px}
.guide-content h2:first-child{margin-top:0}
.guide-content h3{font:800 1.08rem/1.35 'Plus Jakarta Sans',sans-serif;color:#172033;margin:24px 0 8px}
.guide-content p,.guide-content li{color:#526070;font-size:16px;line-height:1.78}
.guide-content p{margin:0 0 13px}
.guide-content ul,.guide-content ol{padding-left:23px;margin:12px 0 18px;color:#526070}
.guide-content li{margin:8px 0}
.guide-content strong{color:#1f2937}
.copy-example{margin:18px 0;padding:18px 20px;border:1px solid #e5e1ff;border-radius:16px;background:linear-gradient(180deg,#fbfaff,#f7f5ff);color:#202938;font-size:1.05rem;line-height:1.7;word-break:break-word}
.guide-toc{padding:22px;position:sticky;top:96px}
.guide-toc h3{margin:0 0 12px;font:800 12px 'Plus Jakarta Sans',sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#344054}
.guide-toc a{display:block;padding:9px 0;text-decoration:none;color:#667085;font-size:13px;line-height:1.4;border-bottom:1px solid #f0f1f5}
.guide-toc a:last-child{border-bottom:0}
.guide-toc a:hover{color:#635bff}
.guide-cta{margin-top:30px;padding:25px;border-radius:20px;background:#f4f2ff;border:1px solid #e4e0ff}
.guide-cta h3{margin:0 0 7px;font-size:1.12rem}
.guide-cta p{margin:0 0 15px}
.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:4px 6px 0 0;padding:11px 15px;background:linear-gradient(135deg,#635bff,#8b5cf6);color:#fff!important;text-decoration:none;border-radius:12px;font-weight:800;box-shadow:0 8px 20px rgba(99,91,255,.16)}
.faq-list{display:grid;gap:10px;margin-top:15px}
.faq-item{padding:17px 18px;border:1px solid #e7e9f1;border-radius:15px;background:#fbfcff}
.faq-item h3{margin:0 0 6px;font-size:1rem}
.faq-item p{margin:0;font-size:14px}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.related-card{display:block;text-decoration:none;padding:17px;border:1px solid #e7e9f1;border-radius:16px;color:#172033;background:#fff;transition:.18s ease}
.related-card:hover{border-color:#b8b0ff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(31,25,71,.06)}
.related-card small{display:block;color:#8a93a3;margin-top:5px;line-height:1.4}
@media(max-width:820px){.guide-wrap{margin-top:28px;padding:0 14px}.guide-layout{grid-template-columns:1fr}.guide-toc{position:static}.guide-hero{padding:38px 24px}.guide-content{padding:26px 22px}.related-grid{grid-template-columns:1fr}}
@media(max-width:560px){.guide-wrap{padding:0 10px;margin-bottom:45px}.guide-hero{padding:30px 20px;border-radius:23px}.guide-hero h1{font-size:2.25rem}.guide-hero p{font-size:15px;line-height:1.65}.guide-content{padding:22px 18px;border-radius:20px}.guide-content h2{font-size:1.4rem}.guide-content p,.guide-content li{font-size:15px}.guide-button{width:100%;margin-right:0}.guide-toc{border-radius:20px}}