/* styles chargés uniquement sur la page /exemple-audit/ (bloc exemple-audit, functions.php) ; tokens et composants communs dans ../indexpert.css */
/* accroche : texte + fiche d'audit */
.ix-axhero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,5.1vw,72px);align-items:center}
.ix-axhero .ix-h1{max-width:14ch}
.ix-axhero__note{margin-top:24px}
.ix-site.ix-site .ix-axhero__h{font-size:1.4rem}
.ix-axhero .ix-auditcard{transform:rotate(1deg)}

/* barres de score : un niveau par axe (critique, à améliorer, bon), pas une note inventée */
.ix-scores{display:grid;gap:14px;margin-top:20px}
.ix-score{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}
.ix-score__name{font-weight:600}
.ix-score em{font-style:normal;font-size:.78rem;font-weight:700;padding:4px 8px;color:#fff;white-space:nowrap}
.ix-score__bar{grid-column:1/-1;display:block;height:10px;background:var(--ix-paper-3)}
.ix-score__bar i{display:block;width:var(--v);height:100%;transform-origin:left}
.is-red em,.is-red .ix-score__bar i{background:#B3261E}
.is-amber em,.is-amber .ix-score__bar i{background:#8A4B00}
.ix-js .ix-score__bar i{animation:ix-bar 1.2s var(--ix-ease) both}
.ix-js .ix-score:nth-child(2) .ix-score__bar i{animation-delay:.1s}
.ix-js .ix-score:nth-child(3) .ix-score__bar i{animation-delay:.2s}
.ix-js .ix-score:nth-child(4) .ix-score__bar i{animation-delay:.3s}
.ix-js .ix-score:nth-child(5) .ix-score__bar i{animation-delay:.4s}
.ix-js .ix-score:nth-child(6) .ix-score__bar i{animation-delay:.5s}
@keyframes ix-bar{from{transform:scaleX(0)}}

/* en deux mots */
.ix-axsum{align-items:start}
.ix-axsum__text p+p{margin-top:20px;max-width:60ch}

/* constats point par point */
.ix-findings{display:grid;gap:20px;margin-top:clamp(40px,4.25vw,56px)}
.ix-finding{padding:clamp(22px,2.55vw,31px);background:var(--ix-paper);outline:2px solid var(--ix-ink)}
.ix-finding__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px}
.ix-finding__head h3{font-size:clamp(1.3rem,.94rem + .68vw,1.5rem)}
.ix-finding__head em{font-style:normal;font:700 .82rem/1 var(--ix-display);text-transform:uppercase;letter-spacing:.04em;padding:7px 12px;color:#fff}
.ix-finding__head .is-red{background:#B3261E}
.ix-finding__head .is-amber{background:#8A4B00}
.ix-finding__why{margin-top:16px;padding:12px 16px;background:var(--ix-paper-2);border-left:4px solid var(--ix-blue)}
.ix-finding__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;margin-top:20px}
.ix-site.ix-site .ix-finding__cols h4{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#C2341B}
.ix-finding__cols p{margin-top:6px;color:var(--ix-muted)}

/* méthode */
.ix-axmethod{align-items:start}
.ix-axmethod .ix-lead{margin-top:24px;color:var(--ix-muted-dark)}
.ix-axmethod__more{margin-top:28px;color:var(--ix-muted-dark)}
.ix-sec--dark .ix-axmethod__more a{color:var(--ix-paper)}

@media (max-width:900px){.ix-axhero{grid-template-columns:minmax(0,1fr)}.ix-axhero .ix-auditcard{transform:none}}
@media (max-width:640px){.ix-finding__cols{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ix-js .ix-score__bar i{animation:none}}