/* ToolNest icons — flat matte. Glyph 24px inside a 44px rounded tile;
   tile background = category tint at low opacity, glyph = tint colour.
   Flat matte only. */
.t-icon,.cat-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.ic{width:44px;height:44px;padding:10px;border-radius:12px;flex:none;
  background:var(--ic-bg,rgba(124,92,255,.12));color:var(--ic-fg,#A78BFA);
  box-sizing:border-box;vertical-align:middle}
.ic-sm{width:32px;height:32px;padding:6px;border-radius:9px}
.ic-xs{width:24px;height:24px;padding:3px;border-radius:7px}
.ic-lg{width:52px;height:52px;padding:13px;border-radius:14px}
/* search-result rows: icon tile + text */
#searchResults a{display:flex;align-items:center;gap:12px}
/* related-tools links: small icon tile before the text */
.related-grid a{display:inline-flex;align-items:center;gap:8px}
.ic-image{--ic-fg:#38BDF8;--ic-bg:rgba(56,189,248,.12);color:#38BDF8}
.ic-pdf{--ic-fg:#F87171;--ic-bg:rgba(248,113,113,.12);color:#F87171}
.ic-text{--ic-fg:#FBBF24;--ic-bg:rgba(251,191,36,.12);color:#FBBF24}
.ic-finance{--ic-fg:#4ADE80;--ic-bg:rgba(74,222,128,.12);color:#4ADE80}
.ic-converter{--ic-fg:#60A5FA;--ic-bg:rgba(96,165,250,.12);color:#60A5FA}
.ic-creator{--ic-fg:#FB923C;--ic-bg:rgba(251,146,60,.12);color:#FB923C}
.ic-seo{--ic-fg:#A78BFA;--ic-bg:rgba(167,139,250,.14);color:#A78BFA}
.ic-developer{--ic-fg:#94A3B8;--ic-bg:rgba(148,163,184,.14);color:#94A3B8}
.ic-video{--ic-fg:#FB7185;--ic-bg:rgba(251,113,133,.12);color:#FB7185}
.ic-ai{--ic-fg:#C084FC;--ic-bg:rgba(192,132,252,.13);color:#C084FC}
.ic-student{--ic-fg:#2DD4BF;--ic-bg:rgba(45,212,191,.12);color:#2DD4BF}
.ic-business{--ic-fg:#818CF8;--ic-bg:rgba(129,140,248,.13);color:#818CF8}
.ic-fun{--ic-fg:#F472B6;--ic-bg:rgba(244,114,182,.12);color:#F472B6}
.ic-privacy{--ic-fg:#22D3EE;--ic-bg:rgba(34,211,238,.12);color:#22D3EE}
.ic-daily{--ic-fg:#A3E635;--ic-bg:rgba(163,230,53,.12);color:#A3E635}
/* category cards: larger tile */
.cat-icon .ic{width:48px;height:48px;padding:11px;border-radius:13px}
@media(max-width:560px){.ic{width:40px;height:40px;padding:8px}}
