/* [2026-06-07 UX audit] .pill-count renders ONLY in .aict-category-pills, whose
   .aict-pill chips have a WHITE bg (dynamic-routes:10677-10685). So the count needs
   DARK text: slate-600 #475569 = 7.5:1 on white. (An earlier same-day edit set this
   to #cbd5e1 on a mistaken "dark band" reading — that was 1.5:1 on white, reverted.) */
/* [2026-06-12 CORRECTION] The earlier "chip never darkens" assumption was WRONG:
   cro-components.css:745 has an @media(prefers-color-scheme:dark) block that paints
   .aict-category-pills .aict-pill to bg #1e293b + text #cbd5e1 on ANY device that
   prefers dark — independent of the site's data-theme. There the ungated #475569
   count = 1.93:1 on #1e293b (Lighthouse-measured on /cs/). So: keep dark text on the
   WHITE chip (prefers-light), and lighten the count to slate-400 to track the chip
   when the device prefers dark. #94a3b8 on #1e293b = 4.9:1 (AA); on #fff it never
   applies. Mirrors the pill's exact (purely @media-driven) darken condition. */
html body .pill-count.pill-count.pill-count{color:#475569 !important;opacity:1 !important}
@media (prefers-color-scheme: dark){html body .pill-count.pill-count.pill-count{color:#94a3b8 !important;opacity:1 !important}}
html:not([data-theme="dark"]) body .aict-categories-list.aict-categories-list.aict-categories-list a span{color:#586274 !important;opacity:1 !important}
html:not([data-theme="dark"]) body .aict-agent-card-persona.aict-agent-card-persona.aict-agent-card-persona{color:#4338ca !important;opacity:1 !important}
/* [2026-06-07 UX audit] Locked agent cards carry opacity:0.8 on the whole card,
   which blends the #4338ca badge over its light pill to ~#6960d5 = 3.07:1 (fail).
   The dim is an intentional "upgrade to unlock" affordance, so keep it but darken
   the badge to indigo-900 so it still clears AA after the 0.8 blend. (0,4,2) wins. */
html:not([data-theme="dark"]) body .aict-agent-card--locked .aict-agent-card-persona.aict-agent-card-persona.aict-agent-card-persona{color:#312e81 !important;-webkit-text-fill-color:#312e81 !important}
html:not([data-theme="dark"]) body .aict-pcro-payback-days.aict-pcro-payback-days.aict-pcro-payback-days{color:#047857 !important}
html:not([data-theme="dark"]) body .aict-blog-featured-cat.aict-blog-featured-cat.aict-blog-featured-cat,html:not([data-theme="dark"]) body .aict-blog-featured-cta.aict-blog-featured-cta.aict-blog-featured-cta{color:#4f46e5 !important}
html:not([data-theme="dark"]) body .aict-ap-role-agent-steps.aict-ap-role-agent-steps.aict-ap-role-agent-steps{color:#475569 !important}
html:not([data-theme="dark"]) body .aict-ap-role-agent-start.aict-ap-role-agent-start.aict-ap-role-agent-start{color:#047857 !important}
html body .aict-ap-outcome-agent-btn.aict-ap-outcome-agent-btn.aict-ap-outcome-agent-btn{background-color:#047857 !important}
html:not([data-theme="dark"]) body .aict-ap-hero-stat-label.aict-ap-hero-stat-label.aict-ap-hero-stat-label{color:#b6c2d2 !important}
html:not([data-theme="light"]) body .aict-ap-hero-badge.aict-ap-hero-badge.aict-ap-hero-badge{color:#c4b5fd !important}
html[data-theme="light"] body .aict-ap-hero-badge.aict-ap-hero-badge.aict-ap-hero-badge{color:#5b21b6 !important}
html:not([data-theme="dark"]) body .aict-ap-compare .aict-ap-section-title.aict-ap-section-title.aict-ap-section-title{color:#f1f5f9 !important;-webkit-text-fill-color:#f1f5f9 !important}
html:not([data-theme="dark"]) body .aict-ap-compare .aict-ap-section-sub.aict-ap-section-sub.aict-ap-section-sub{color:#cbd5e1 !important;-webkit-text-fill-color:#cbd5e1 !important}
/* Background fixes are theme-independent (white text needs the dark bg in BOTH
   modes), so these stay ungated — unlike the foreground-colour rules above. */
html body .aict-context-fab__label.aict-context-fab__label.aict-context-fab__label{background-color:#1d4ed8 !important}
html body .aict-sort-tab.active.aict-sort-tab.aict-sort-tab{background-color:#4f46e5 !important;color:#ffffff !important}
html:not([data-theme="dark"]) body .aict-rp-body.aict-rp-body h4 a{color:#1e293b !important;-webkit-text-fill-color:#1e293b !important}
html:not([data-theme="dark"]) body .aict-blog-related-tools.aict-blog-related-tools h3{color:#f1f5f9 !important;-webkit-text-fill-color:#f1f5f9 !important}
html body .aict-affiliate-btn.aict-affiliate-btn,html body .aict-generic-promo-btn.aict-generic-promo-btn,html body .aict-blog-mid-cta.aict-blog-mid-cta a{background-color:#4338ca !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
html:not([data-theme="dark"]) body .aict-rp-meta.aict-rp-meta.aict-rp-meta{color:#586274 !important;-webkit-text-fill-color:#586274 !important}
html:not([data-theme="dark"]) body .blog-date.blog-date.blog-date{color:#586274 !important;-webkit-text-fill-color:#586274 !important}
html:not([data-theme="dark"]) body .blog-category.blog-category.blog-category,html:not([data-theme="dark"]) body .aict-post-breadcrumb.aict-post-breadcrumb a{color:#4f46e5 !important;-webkit-text-fill-color:#4f46e5 !important}
html:not([data-theme="dark"]) body .aict-ilm-cta.aict-ilm-cta.aict-ilm-cta,html:not([data-theme="dark"]) body .aict-rp-cat.aict-rp-cat.aict-rp-cat{color:#4f46e5 !important;-webkit-text-fill-color:#4f46e5 !important}
html:not([data-theme="dark"]) body .aict-affiliate-badge.aict-affiliate-badge.aict-affiliate-badge{color:#4338ca !important;-webkit-text-fill-color:#4338ca !important}
html body .aict-blog-sub-form.aict-blog-sub-form button[type="submit"]{background-color:#4338ca !important}
html:not([data-theme="dark"]) body .aict-tool-card-title.aict-tool-card-title.aict-tool-card-title{color:#1e293b !important;-webkit-text-fill-color:#1e293b !important}
html:not([data-theme="dark"]) body .aict-post-breadcrumb.aict-post-breadcrumb span{color:#586274 !important;-webkit-text-fill-color:#586274 !important}