/* Archi IA · le comparateur avant et après.
   Écrit à la main : le dépôt d'img-comparison-slider ne contient ni gestion de
   prefers-reduced-motion ni attribut ARIA, vérifié le 2026-08-27. */
.cmp{position:relative;--pos:50%;overflow:hidden;touch-action:pan-y;cursor:ew-resize;
  user-select:none;-webkit-user-select:none;background:#f4f4f4}
.cmp img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.cmp [data-apres]{position:absolute;inset:0;
  clip-path:polygon(var(--pos) 0,100% 0,100% 100%,var(--pos) 100%)}
.cmp.tire{cursor:grabbing}
.cmp [data-poignee]{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;
  background:#fff;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(23,6,6,.22);
  cursor:ew-resize;z-index:2}
.cmp [data-poignee]::after{content:"";position:absolute;top:50%;left:50%;
  width:2.75rem;height:2.75rem;transform:translate(-50%,-50%);border-radius:50%;
  background:#fff;box-shadow:0 2px 12px rgba(23,6,6,.28)}
.cmp [data-poignee]::before{content:"";position:absolute;top:50%;left:50%;z-index:1;
  width:10px;height:15px;transform:translate(-50%,-50%);
  border-left:2px solid #7c1e1e;border-right:2px solid #7c1e1e}
.cmp [data-poignee]:focus-visible{outline:none}
.cmp [data-poignee]:focus-visible::after{box-shadow:0 0 0 3px #7c1e1e,0 2px 12px rgba(23,6,6,.28)}

/* Étiquettes du comparateur, employées dans le book */
.cmp figcaption{position:absolute;bottom:0;z-index:3;pointer-events:none;
  font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:.4rem .65rem;color:#fff;background:rgba(23,6,6,.55)}
.cmp .lg-avant{left:0}
.cmp .lg-apres{right:0}