/* Audit 5 critères : lisibilité (tailles, contrastes, états) — palette inchangée */
.audit-board .audit-pills{display:grid;grid-template-columns:1fr;gap:.65rem}
.audit-board .audit-pill{display:grid;grid-template-columns:132px 1fr;gap:.9rem;align-items:center;min-height:0;padding:.7rem .85rem;border:2px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}
.audit-board .audit-pill:hover{transform:none;border-color:var(--ink)}
.audit-board .audit-pill.is-selected{border-color:#1f7a3d;background:color-mix(in srgb,#1f7a3d 9%,var(--surface));box-shadow:none}
.audit-board .audit-pill.is-selected::after{content:"✓"!important;opacity:1!important;inset:auto!important;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;background:#1f7a3d!important;color:#fff;font-size:.85rem;font-weight:800}
.audit-board .audit-pill .pill-copy{gap:.25rem;padding-right:1.4rem}
.audit-board .audit-pill .pill-copy strong{font-size:1rem;line-height:1.25}
.audit-board .audit-pill .pill-copy small{font-size:.86rem;line-height:1.45;color:var(--ink-soft);max-width:none}
.audit-board .audit-control-head strong{font-size:1.02rem}
.audit-board .audit-control-value{font-size:.82rem;color:var(--ink);background:var(--surface-2);padding:.2rem .65rem;border-radius:99px}
.audit-board .audit-panel-intro{font-size:.94rem;line-height:1.55;color:var(--ink-soft)}
.audit-board .audit-card-copy strong{font-size:1.08rem}
.audit-board .audit-card-copy small{font-size:.86rem;color:var(--ink-soft)}
.audit-board .audit-status{font-size:.82rem;color:var(--ink-soft)}
.audit-board .is-complete .audit-status{color:#1f7a3d}
.av{display:block;border-radius:12px;background:var(--surface-2);padding:.2rem;color:var(--ink)}
.av svg{display:block;width:100%;height:auto;aspect-ratio:3/2;overflow:visible}
.av text{font-family:var(--font-body,inherit)}
@media(min-width:720px){
  .audit-board .audit-pills{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
  .audit-board .audit-pill{grid-template-columns:1fr;align-items:start;gap:.7rem}
  .audit-board .audit-pill .av{max-width:none}
}
/* animations (!important : les anciennes règles coupaient toute animation dans les pilules) */
@keyframes avSlide{to{transform:translateX(68px)}}
@keyframes avGrow{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
@keyframes avCharge{0%{transform:scaleX(.05)}85%,100%{transform:scaleX(1)}}
@keyframes avShift{from{transform:translateX(-5px)}to{transform:translateX(5px)}}
@keyframes avFloat{from{transform:translate(-3px,2px)}to{transform:translate(3px,-2px)}}
:is(.audit-pill,.lex-content,.hx-debunk-card,.signal-row) .av-slide{animation:avSlide 1.6s steps(var(--n,6),end) infinite!important}
:is(.audit-pill,.lex-content,.hx-debunk-card,.signal-row) .av-grow{transform-box:fill-box;transform-origin:left center;animation:avGrow 1.6s ease-out both!important}
:is(.audit-pill,.lex-content,.hx-debunk-card,.signal-row) .av-charge{transform-box:fill-box;transform-origin:left center;animation:avCharge var(--d,2s) ease-in infinite!important}
:is(.audit-pill,.lex-content,.hx-debunk-card,.signal-row) .av-shift{animation:avShift .5s ease-in-out infinite alternate!important}
:is(.audit-pill,.lex-content,.hx-debunk-card,.signal-row) .av-float{animation:avFloat .45s ease-in-out infinite alternate!important}
@keyframes avSlide2{from{transform:translateX(0)}to{transform:translateX(18px)}}
:is(.lex-content,.hx-debunk-card) .av-slide2{animation:avSlide2 1s linear infinite!important}
@keyframes avPulse{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes avScan{from{transform:translateY(0)}to{transform:translateY(34px)}}
:is(.audit-pill,.lex-content,.hx-debunk-card,.signal-row) .av-pulse{animation:avPulse 1.8s ease-in-out infinite!important;animation-delay:var(--dl,0s)!important}
:is(.audit-pill,.lex-content,.hx-debunk-card,.signal-row) .av-scan{animation:avScan 2.2s linear infinite!important}
@media(prefers-reduced-motion:reduce){.av *{animation:none!important}}

.signal-row.has-av{align-items:center;gap:.7rem}
.signal-row .av{width:84px;flex:none;order:1}.signal-row .signal-plus,.signal-row .signal-minus{order:0}.signal-row p{order:2}
.lex-content.lex-visual{max-width:190px;margin:.4rem 0 .8rem}
.hx-debunk-visual{display:flex;gap:.6rem;margin:.2rem 0 .8rem}.hx-debunk-visual figure{margin:0;flex:1;min-width:0}
.hx-debunk-visual figcaption{font-size:.86rem;color:var(--ink-soft);margin-top:.3rem;text-align:center;line-height:1.3}
.hx-debunk-card .hx-debunk-section p,.hx-debunk-card p{font-size:.95rem;line-height:1.5}
.hx-debunk-card .hx-debunk-label{font-size:.78rem}
details.profile-toggle[hidden]{display:none}
.profile-picker-tab.is-current{outline:2px solid var(--ink);outline-offset:2px}
.profile-hint{font-weight:700;color:var(--ink)}
.hx-debunk-visual figure:only-child{max-width:210px;margin-inline:auto}

/* Résultats de l'audit : écart par critère (pile / un peu en dessous / un peu au-dessus) */
.criteria-recommendation-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}
.criteria-recommendation-card h4{font-size:1.02rem}
.criteria-recommendation-meta{font-size:.86rem;color:var(--ink-soft)}
.match-chips{list-style:none;margin:.6rem 0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.match-chip{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;padding:.35rem .55rem;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:.86rem}
.match-chip b{font-weight:800}
.match-chip span{font-size:.78rem;color:var(--ink-soft)}
.match-chip.is-exact{border-color:#1f7a3d;background:color-mix(in srgb,#1f7a3d 10%,var(--surface))}
.match-chip.is-exact span{color:#1f7a3d;font-weight:700}
.match-chip.is-below span{color:#a1590a;font-weight:700}
.match-chip.is-above span{color:#26599a;font-weight:700}
.match-chip.is-far{opacity:.8}
.criteria-recommendation-warn{margin:.2rem 0 .5rem;font-size:.8rem;color:#8a4b00}