/* ReflexPrinting - Moteur interactif pages d'aide (waouh + multilingue). Injecté sur toutes les pages /aide/. */
.ai-wrap{max-width:1100px;margin:0 auto;padding:0 22px}
.ai-mod{margin:30px auto;max-width:1100px;padding:0 22px}
.ai-card{background:#fff;border:1px solid #e9edf3;border-radius:22px;padding:26px 28px;box-shadow:0 10px 34px rgba(29,29,27,.06)}
.ai-eyebrow{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0176a0;background:#f3edfe;border:1px solid #e7dcfb;padding:5px 12px;border-radius:999px;margin-bottom:12px}
.ai-h2{font-size:24px;letter-spacing:-.02em;color:#0f172a;margin:0 0 6px}
.ai-sub{color:#64748b;font-size:15px;line-height:1.55;margin:0 0 18px;max-width:680px}
/* slider générique */
.ai-slider{display:flex;align-items:center;gap:14px;margin:8px 0 18px}
.ai-slider label{font-size:13.5px;font-weight:700;color:#475569;white-space:nowrap}
.ai-slider input[type=range]{flex:1;accent-color:#0176a0}
.ai-slider .val{font-size:14px;font-weight:800;color:#0176a0;min-width:78px;text-align:right}
/* split avant/après */
.ai-split{position:relative;aspect-ratio:16/8;border-radius:16px;overflow:hidden;background:#1d1d1b;user-select:none}
.ai-split .layer{position:absolute;inset:0;background-size:cover;background-position:center}
.ai-split .after{clip-path:inset(0 0 0 50%)}
.ai-split .handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2);cursor:ew-resize}
.ai-split .handle::after{content:"⇄";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fff;color:#0176a0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.ai-tag{position:absolute;top:10px;font-size:11.5px;font-weight:800;color:#fff;background:rgba(29,29,27,.6);padding:4px 10px;border-radius:999px;backdrop-filter:blur(4px)}
.ai-tag.l{left:10px}.ai-tag.r{right:10px}
/* échantillons couleur */
.ai-swatches{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 4px}
.ai-sw{flex:1;min-width:90px;border-radius:12px;padding:14px 12px;color:#fff;font-weight:800;font-size:13px;text-align:center}
/* comparatif 2 colonnes */
.ai-vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0}
.ai-vs>div{border-radius:14px;padding:16px 18px;font-size:14px;line-height:1.55}
.ai-vs .good{background:#eafaf1;border:1px solid #bfead2;color:#15603a}
.ai-vs .bad{background:#fdeeee;border:1px solid #f3c9c9;color:#9b2c2c}
.ai-vs h4{margin:0 0 8px;font-size:14px;font-weight:800;display:flex;align-items:center;gap:7px}
/* checklist interactive */
.ai-check{list-style:none;margin:6px 0 0;padding:0}
.ai-check li{display:flex;align-items:flex-start;gap:11px;padding:11px 14px;border:1px solid #e9edf3;border-radius:12px;margin-bottom:9px;cursor:pointer;transition:.15s;font-size:14.5px;color:#334155;background:#fff}
.ai-check li:hover{border-color:#c7d2fe}
.ai-check li .bx{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;transition:.15s}
.ai-check li.ok{background:#f0fbf5;border-color:#bfead2}.ai-check li.ok .bx{background:#15a35a;border-color:#15a35a}
.ai-check .bar{height:8px;border-radius:999px;background:#eef1f6;overflow:hidden;margin:4px 0 0}
.ai-check .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ec008c,#ec008c);transition:width .3s}
/* SVG anim */
.ai-svg{width:100%;max-width:520px;display:block;margin:0 auto}
@keyframes ai-dash{to{stroke-dashoffset:0}}
.ai-anim-dash{stroke-dasharray:6 6;stroke-dashoffset:120;animation:ai-dash 3s linear infinite}
@media(max-width:680px){.ai-vs{grid-template-columns:1fr}.ai-card{padding:20px}}
/* bloc humain (réutilise .aide-human déjà présent, fallback ici) */
.ai-human{margin:34px auto;max-width:1100px;background:linear-gradient(135deg,#eef3fb,#f3edfe);border:1px solid #e3e9f5;border-radius:20px;padding:24px 26px}
.ai-human .in{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ai-human .faces{display:flex}.ai-human .faces img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px rgba(29,29,27,.18);margin-left:-10px}.ai-human .faces img:first-child{margin-left:0}
.ai-human .tx{flex:1;min-width:220px}.ai-human .tx h3{font-size:18px;margin:0 0 5px;color:#0f172a}.ai-human .tx p{margin:0;color:#475569;font-size:14.5px;line-height:1.55}
.ai-human .btn{background:linear-gradient(135deg,#ec008c,#ec008c);color:#fff;font-weight:700;font-size:14px;padding:11px 20px;border-radius:999px;text-decoration:none;white-space:nowrap}