/* colorful soft tool icons */
.hc-i,.ci,.hm-card .hc-i,.cd-hicon{background:linear-gradient(135deg,var(--g1,#06b6d4),var(--g2,#2563eb))!important;color:#fff!important;border:0!important;box-shadow:0 6px 14px -6px var(--g2,#2563eb),inset 0 1px 0 rgba(255,255,255,.35)!important;border-radius:12px!important}
.hc-i svg,.ci svg,.cd-hicon svg{color:#fff!important;fill:none;stroke:currentColor}
.cd-hicon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;vertical-align:middle;margin-inline-end:12px}
.cd-hicon svg{width:24px;height:24px}
.cd-rk{display:block;margin-top:6px;font-size:12.5px;font-weight:600;line-height:1.5;color:#334155;font-style:normal}
.cd-rk i{font-style:normal}
.cd-rk-n{display:inline-block;background:#fbbf24;color:#1f2937!important;font-weight:800;padding:0 7px;border-radius:999px;margin-inline-end:2px}
.cd-rk-s{color:#b45309;font-weight:700}
.cd-rk--dark,html.dark .cd-rk,[data-theme=dark] .cd-rk{color:rgba(255,255,255,.9)!important}
.cd-rk--dark .cd-rk-s,html.dark .cd-rk-s,[data-theme=dark].cd-rank-note{font-size:12.5px;color:#64748b;margin:0 0 8px}
/* WCAG AA contrast pass 2026-10-29 */
footer .small,footer .cd-foot-pop,footer .cd-foot-mail,.cd-foot-pop,.cd-foot-mail{color:#a3b1c6!important}
footer .cd-foot-pop a,footer .cd-foot-mail a{color:#cbd5e1!important}
.visit-counter,.visit-count,.visit-label,.unique-today-label,.unique-total-label{color:#5eead4!important}
.small{color:#566173;opacity:1!important}
footer .small{color:#a3b1c6!important}
.btn[href$="tool/"]{color:#fff!important}
input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}
button:disabled,.btn:disabled,.btn[disabled]{color:#4b5563!important}
@media (prefers-color-scheme:dark){
 .hgrid .more,.cgrid .more,a .more,.cgrid a .more{color:#7dd3fc!important}
 input::placeholder,textarea::placeholder{color:#94a3b8}
 button:disabled,.btn:disabled{color:#cbd5e1!important}
}

.cd-onDark h3,.cd-onDark h2,.cd-onDark b,.cd-onDark strong{color:#f1f5f9!important}.cd-onDark p,.cd-onDark li,.cd-onDark span:not(.cd-rk):not([class*=hc-i]){color:#cbd5e1!important}.cd-onDark a:not(.btn){color:#7dd3fc!important}
.cd-rk-tr{font-style:normal;font-weight:600;color:#c2410c}.cd-rk--dark .cd-rk-tr{color:#fdba74}