/* Nommera — /services/audit-accessibilite-epub/ v5 (2026-11-06). Préfixe aa5- ; s'appuie sur audit-catalogue.css (ac3-). Les blocs partagés avec /services/diagnostic-epub/ (dg3-) restent inchangés. Mouvement : opacité + transform, désactivé avec prefers-reduced-motion ; sans JavaScript, l'état final est affiché. */
.aa5 .ac3-wrap{max-width:1260px;}
.aa5-hero{padding:56px 0 72px;position:relative;overflow:hidden;}
.aa5-hero::before{content:"";position:absolute;right:-8%;top:-30%;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(10,101,247,.12),rgba(10,101,247,0) 66%);pointer-events:none;}
.aa5-hero::after{content:"";position:absolute;left:-12%;bottom:-40%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(2,208,152,.14),rgba(2,208,152,0) 66%);pointer-events:none;}
.aa5-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;}
.aa5-hero h1{font-size:clamp(32px,4vw,50px);max-width:15em;}
.aa5-hero .ac3-lede{max-width:35em;}
.aa5-hero .ac3-cta-row{margin-top:26px;}
.aa5-chips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.aa5-chips li{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ac-line);border-radius:999px;padding:9px 16px 9px 12px;font-size:14.5px;font-weight:700;}
.aa5-chips svg{width:20px;height:20px;padding:4px;border-radius:50%;background:var(--green);color:var(--ink);flex:none;}

/* ---- tableau d'audit du hero ---- */

/* ---- sections ---- */
.aa5-sec{padding:84px 0;}
.aa5-sec--sand{background:var(--ac-tint);border-top:1px solid var(--ac-line);border-bottom:1px solid var(--ac-line);}

/* limite de l'automatique */
.aa5-q{margin-top:30px;border-top:2px solid var(--ink);}
.aa5-qr{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid var(--ac-line);}
.aa5-qn{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#cfd4c0;}
.aa5-qm{display:grid;gap:8px;justify-items:start;}
.aa5-qtag{background:#fff;border:1px solid var(--ac-line);border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#3a3e45;}
.aa5-qr h3{margin:0;font-size:clamp(18px,1.7vw,21px);line-height:1.3;letter-spacing:-.01em;max-width:34em;}
.aa5-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.aa5-pills i{font-style:normal;font-size:13px;font-weight:800;padding:7px 14px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;}
.aa5-pills .t{background:#e4f6ee;color:#03593e;}
.aa5-pills .t::before{content:"✓";font-weight:800;}
.aa5-pills .h{background:#fff3dd;color:#6b4300;border:1px solid #f0d49a;}
.aa5-pills .h::before{content:"?";font-weight:800;}
.aa5-armed .aa5-qr .h{opacity:.25;transform:scale(.96);}
.aa5-armed .aa5-qr.is-in .h{opacity:1;transform:none;transition:opacity .5s ease .25s,transform .5s ease .25s;}

/* détecter ≠ évaluer (bloc sombre) */
.aa5-dark{background:#111;color:#fff;padding:84px 0;position:relative;overflow:hidden;}
.aa5-dark::before{content:"";position:absolute;right:-6%;top:-30%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(10,101,247,.38),rgba(10,101,247,0) 62%);pointer-events:none;}
.aa5-dark::after{content:"";position:absolute;left:-10%;bottom:-40%;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(2,208,152,.26),rgba(2,208,152,0) 62%);pointer-events:none;}
.aa5-dark .ac3-wrap{position:relative;z-index:1;}
.aa5-dhead{max-width:780px;margin-bottom:34px;}
.aa5-dhead h2{color:#fff;font-size:clamp(26px,3.2vw,40px);}
.aa5-eb{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:0 0 12px;}
.aa5-duo{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;}
.aa5-pan{border-radius:24px;padding:30px;display:grid;align-content:start;gap:12px;}
.aa5-pan-a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);}
.aa5-pan-b{background:linear-gradient(160deg,rgba(2,208,152,.22),rgba(10,101,247,.2));border:1px solid rgba(2,208,152,.55);}
.aa5-pan small{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.aa5-pan h3{color:#fff;font-size:clamp(21px,2.1vw,26px);margin:0;}
.aa5-pan ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.aa5-pan li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 14px;font-size:15px;font-weight:600;color:#fff;}
.aa5-neq{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;}
.aa5-neq span{font-size:34px;font-weight:800;width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;}
.aa5-neq em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);text-align:center;max-width:9em;}
.aa5-dnote{margin:26px 0 0;font-size:15.5px;color:rgba(255,255,255,.86);}
.aa5-armed .aa5-pan li{opacity:0;transform:translateY(6px);}
.aa5-armed.is-in .aa5-pan li{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease;}
.aa5-armed.is-in .aa5-pan-b li{transition-delay:.35s;}
.aa5-armed.is-in .aa5-pan li:nth-child(2){transition-delay:.08s;}.aa5-armed.is-in .aa5-pan li:nth-child(3){transition-delay:.16s;}.aa5-armed.is-in .aa5-pan li:nth-child(4){transition-delay:.24s;}.aa5-armed.is-in .aa5-pan li:nth-child(5){transition-delay:.32s;}.aa5-armed.is-in .aa5-pan li:nth-child(6){transition-delay:.4s;}
.aa5-armed.is-in .aa5-pan-b li:nth-child(2){transition-delay:.43s;}.aa5-armed.is-in .aa5-pan-b li:nth-child(3){transition-delay:.51s;}.aa5-armed.is-in .aa5-pan-b li:nth-child(4){transition-delay:.59s;}.aa5-armed.is-in .aa5-pan-b li:nth-child(5){transition-delay:.67s;}.aa5-armed.is-in .aa5-pan-b li:nth-child(6){transition-delay:.75s;}

/* périmètre */
.aa5-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;}
.aa5-bc{position:relative;border-radius:24px;padding:26px 24px 26px;display:grid;align-content:start;gap:8px;min-height:0;border:1px solid #d3dcfb;background:#eaf0ff;}
.aa5-bc:nth-child(even){background:#e9f6ef;border-color:#cbe8da;}
.aa5-bb{position:absolute;right:18px;top:18px;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.aa5-bc h3{margin:0;font-size:20px;letter-spacing:-.01em;}
.aa5-bc p{margin:0;font-size:15.5px;line-height:1.5;color:#3a3e45;}
.aa5-scope-foot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;margin-top:22px;}
.aa5-plus{background:var(--ink);color:#fff;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:800;white-space:nowrap;}
.aa5-snote{border-left:3px solid var(--blue);padding:4px 0 4px 22px;}
.aa5-snote h3{margin:0 0 6px;font-size:19px;} .aa5-snote p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-soft);}

/* rapport */
.aa5-rep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center;}
.aa5-rep h2{font-size:clamp(26px,3.2vw,38px);}
.aa5-rr{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--ac-line);}
.aa5-rr:first-of-type{border-top:1px solid var(--ac-line);margin-top:22px;}
.aa5-rr>span{font-size:14px;font-weight:800;color:var(--blue);padding-top:3px;}
.aa5-rr b{font-size:18px;} .aa5-rr p{margin:3px 0 0;font-size:15px;line-height:1.5;color:var(--ink-soft);}
.aa5-lang{margin:16px 0 0;font-size:13px;color:var(--ink-faint);}
.aa5-sheet{background:#fff;border-radius:20px;box-shadow:0 28px 60px rgba(17,17,17,.16),0 2px 0 rgba(17,17,17,.04);overflow:hidden;max-width:480px;width:100%;margin-left:auto;transform:rotate(-1deg);}
.aa5-sh{padding:14px 20px;background:var(--ink);color:#fff;position:relative;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.aa5-sh::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--blue,#0A65F7),var(--cyan,#00DBFF),var(--green));}
.aa5-sz{position:relative;padding:16px 22px 14px;}
.aa5-sz h4{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ac-green);}
.aa5-sz dl{margin:0;}
.aa5-sz dl>div{display:grid;grid-template-columns:132px 1fr;gap:12px;padding:9px 0;border-top:1px dashed #eeece3;font-size:14px;line-height:1.45;}
.aa5-sz dl>div:first-child{border-top:0;}
.aa5-sz dt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding-top:2px;}
.aa5-sz dd{margin:0;}
.aa5-sz code{font-size:.92em;background:#f1f1ea;border-radius:4px;padding:1px 5px;}
.aa5-st{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:#fff3dd;color:#8a5200;}
.aa5-beam{position:absolute;left:-6px;right:-6px;top:-30px;height:30px;pointer-events:none;z-index:2;background:linear-gradient(180deg,rgba(2,208,152,0),rgba(2,208,152,.26));border-bottom:2px solid var(--green);opacity:0;}

/* états + gravité */
.aa5-zc3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;}
.aa5-zc{border-radius:24px;padding:24px 24px 26px;background:#fff;border:1px solid var(--ac-line);border-top:6px solid var(--green);display:grid;gap:8px;align-content:start;}
.aa5-zc.is-bad{border-top-color:#b3261e;} .aa5-zc.is-check{border-top-color:#d9822b;}
.aa5-zc b{font-size:19px;} .aa5-zc p{margin:0;font-size:15.5px;line-height:1.5;color:var(--ink-soft);}
.aa5-sevt{margin:44px 0 0;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
.aa5-sev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:14px;}
.aa5-sev>div{border-radius:20px;padding:18px 22px;background:#fff;border:1px solid var(--ac-line);}
.aa5-sev b{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin-bottom:8px;}
.aa5-sev b.is-crit{background:#fdecea;color:#b3261e;} .aa5-sev b.is-maj{background:#fff3dd;color:#8a5200;} .aa5-sev b.is-min{background:#f6f0c9;color:#6b5e00;}
.aa5-sev p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-soft);}

/* process */
.aa5-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;}
.aa5-steps::before{content:"";position:absolute;left:10px;right:10%;top:10px;height:2px;background:var(--ac-line);}
.aa5-steps li{position:relative;padding:34px 18px 0 0;}
.aa5-steps li::before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #cfcabb;transition:background .4s,border-color .4s;z-index:1;}
.aa5-steps li.is-on::before{background:var(--green);border-color:var(--green);}
.aa5-steps span{display:block;font-size:13px;font-weight:800;color:var(--blue);margin-bottom:6px;}
.aa5-steps b{display:block;font-size:18px;margin-bottom:6px;}
.aa5-steps p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-soft);}
.aa5-flat{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:40px;}
.aa5-flat>div{background:#fff;border:1px solid var(--ac-line);border-radius:999px;padding:9px 18px;font-size:15px;font-weight:700;}
.aa5-flat .aa3-legal{margin-top:0;}
.aa5-flat .aa3-legal[open]{border-radius:16px;}

@media (max-width:980px){
  .aa5-hero-grid{grid-template-columns:1fr;gap:36px;} .aa5-boardwrap{margin:0 auto;}
  .aa5-duo{grid-template-columns:1fr;} .aa5-neq{flex-direction:row;padding:4px 0;} .aa5-neq span{width:44px;height:44px;font-size:26px;}
  .aa5-bento{grid-template-columns:repeat(2,minmax(0,1fr));}
  .aa5-rep{grid-template-columns:1fr;} .aa5-sheet{margin:0 auto;}
  .aa5-zc3,.aa5-sev{grid-template-columns:1fr;}
  .aa5-scope-foot{grid-template-columns:1fr;gap:16px;} .aa5-plus{justify-self:start;}
  .aa5-steps{grid-template-columns:1fr;gap:0;} .aa5-steps::before{left:10px;right:auto;top:10px;bottom:10px;width:2px;height:auto;}
  .aa5-steps li{padding:0 0 24px 40px;} .aa5-steps li:last-child{padding-bottom:0;} .aa5-steps li::before{top:2px;}
}
@media (max-width:640px){
  .aa5-hero{padding:36px 0 48px;} .aa5-sec,.aa5-dark{padding:56px 0;}
  .aa5-bento{grid-template-columns:1fr;} .aa5-bc{min-height:0;}
  .aa5-qr{grid-template-columns:44px minmax(0,1fr);gap:8px 14px;padding:20px 0;} .aa5-qn{font-size:30px;} .aa5-pills{grid-column:2;justify-content:flex-start;}
  .aa5-pan{padding:24px 20px;} .aa5-board{transform:none;} .aa5-sheet{transform:none;}
  .aa5-sz dl>div{grid-template-columns:1fr;gap:2px;}
}

/* ---- mouvement (uniquement si autorisé) ---- */
@media (prefers-reduced-motion:no-preference){
  .aa5-sz dl>div.s0{opacity:0;animation:aa5s0 14s infinite;}
  .aa5-sz dl>div.s1{opacity:0;animation:aa5s1 14s infinite;}
  .aa5-sz dl>div.s2{opacity:0;animation:aa5s2 14s infinite;}
  .aa5-sz dl>div.s3{opacity:0;animation:aa5s3 14s infinite;}
  .aa5-sz dl>div.s4{opacity:0;animation:aa5s4 14s infinite;}
  .aa5-sz dl>div.s5{opacity:0;animation:aa5s5 14s infinite;}
  .aa5-beam{animation:aa5beam 14s linear infinite;}
  .aa5-sz h4{opacity:1;}
  @keyframes aa5s0{0%,10%{opacity:0;transform:translateY(8px)}13%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(8px)}}
  @keyframes aa5s1{0%,15%{opacity:0;transform:translateY(8px)}18%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(8px)}}
  @keyframes aa5s2{0%,20%{opacity:0;transform:translateY(8px)}23%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(8px)}}
  @keyframes aa5s3{0%,25%{opacity:0;transform:translateY(8px)}28%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(8px)}}
  @keyframes aa5s4{0%,30%{opacity:0;transform:translateY(8px)}33%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(8px)}}
  @keyframes aa5s5{0%,35%{opacity:0;transform:translateY(8px)}38%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(8px)}}
  @keyframes aa5beam{0%,5%{top:-30px;opacity:0}6%{top:-30px;opacity:1}40%{top:calc(100% - 30px);opacity:1}42%,100%{top:calc(100% - 30px);opacity:0}}
}