#aict-compare-bar{position:fixed;bottom:0;left:0;right:0;z-index:9998;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;padding:.75rem 1rem;box-shadow:0 -4px 20px rgba(0,0,0,.25);transform:translateY(100%);transition:transform var(--aict-transition-base);}
        #aict-compare-bar.visible{transform:translateY(0);}
        .aict-compare-bar-inner{display:flex;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;flex-wrap:wrap;}
        .aict-compare-bar-label{font-weight:700;font-size:.875rem;white-space:nowrap;}
        #aict-compare-slots{display:flex;gap:.5rem;flex:1;flex-wrap:wrap;}
        .aict-compare-slot{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);border-radius:8px;padding:.25rem .6rem;font-size:.8rem;display:flex;align-items:center;gap:.4rem;white-space:nowrap;}
        .aict-compare-slot-rm{cursor:pointer;opacity:.8;font-size:.9rem;line-height:1;}
        .aict-compare-slot-rm:hover{opacity:1;}
        .aict-compare-go-btn{background:#fff;color:#4f46e5;font-weight:700;padding:.45rem 1.1rem;border-radius:8px;text-decoration:none;font-size:.875rem;white-space:nowrap;transition:opacity var(--aict-transition-fast);}
        .aict-compare-go-btn[aria-disabled="true"]{opacity:.5;pointer-events:none;}
        .aict-compare-clear-btn{background:transparent;border:1.5px solid rgba(255,255,255,.5);color:#fff;border-radius:8px;padding:.35rem .65rem;cursor:pointer;font-size:.875rem;transition:background var(--aict-transition-fast);}
        .aict-compare-clear-btn:hover{background:rgba(255,255,255,.15);}
        /* [2026-06-12 UX] Was bottom:8px;left:8px — overlapped the 'Use Tool →'
           CTA link on every card (audit P2). Top-right next to the bookmark
           heart (top:12px;right:12px;32px wide → compare at right:50px). */
        .aict-compare-btn{position:absolute;top:12px;right:50px;width:28px;height:28px;background:rgba(241,245,249,.85);border-radius:8px;display:flex;align-items:center;justify-content:center;transition: background var(--aict-transition-fast), color var(--aict-transition-fast);z-index:2;}
        /* [2026-09-13] The icon is a child, so it does not inherit the colour these
           rules set on the BUTTON -- .aict-compare-btn svg above is more specific and
           keeps #64748b whatever the parent says. .active already had its own svg rule;
           :hover never did, and the dark theme never did. Measured on live prod:

             light-stamp   at rest 4.42:1    hovered 1.32:1
             dark-stamp    at rest 2.18:1    hovered 1.32:1

           483 controls across 11 surfaces, found by scripts/audit_icon_contrast.js --
           an icon-only control is invisible to the contrast guard, which walks text.

           The dark SURFACE is decided elsewhere: mu-plugins/aict-dark-contrast-2026.php
           line 295 sets this button's background to #334155. That rule also sets
           color:#94a3b8 on the button, intending the icon to inherit it -- the line
           below is that intent actually reaching the icon, and it matches the sibling
           .aict-bookmark-btn svg rule four lines above it in that file. Same value, so
           the two buttons stay identical: #94a3b8 on #334155 is 4.04:1. */
        .aict-compare-btn svg{width:14px;height:14px;color:#64748b;}
        .aict-compare-btn:hover,.aict-compare-btn.active{background:#4f46e5;color:#fff;}
        .aict-compare-btn:hover svg,.aict-compare-btn.active svg{color:#fff;}
        html[data-theme="dark"] .aict-compare-btn svg{color:#94a3b8;}
        /* The dark rule above is (0,2,2) and outranks .aict-compare-btn:hover svg at
           (0,2,1), so adding it alone left the hovered icon at #94a3b8 on the indigo
           hover fill -- 2.45:1, a fix that broke the fix beside it. Measured, not
           reasoned: the first injection run showed light hover 1.32 -> 6.29 and dark
           hover 1.32 -> 2.45. The dark arm has to restate hover/active at (0,3,2). */
        html[data-theme="dark"] .aict-compare-btn:hover svg,html[data-theme="dark"] .aict-compare-btn.active svg{color:#fff;}
        .aict-tool-card{position:relative;}