/* Homepage tools section: polish layer (uses existing --tokens, works in light and dark) */
#tools .tools-toolbar{position:sticky;top:calc(var(--header-h) + 10px);z-index:20;padding:14px 18px;margin:0 0 44px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-alt) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);gap:14px 24px}
#tools .search{flex:0 1 360px;min-width:0}
#tools .search input{height:46px;font-size:.95rem}
#tools .cat-block{margin-bottom:64px}
#tools .cat-title{font-size:1.45rem;letter-spacing:-.015em;gap:12px}
#tools .cat-title .count{font-size:.78rem;font-weight:800;padding:3px 10px;border-radius:var(--pill);background:var(--orange-100);color:var(--orange-600)}
#tools .cat-desc{margin:6px 0 24px;color:var(--muted);font-size:.98rem;line-height:1.5}
#tools .tools-grid{gap:20px}
#tools .tool-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:left;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}
#tools a.tool-card:hover,#tools a.tool-card:focus-visible{transform:translateY(-4px);border-color:var(--orange);box-shadow:var(--shadow)}
#tools a.tool-card:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
#tools .tool-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:6px;border-radius:14px;background:var(--orange-100);color:var(--orange-600)}
#tools .tool-icon svg{width:24px;height:24px}
#tools .tool-card h3{margin:0;font-size:1.06rem;line-height:1.3;letter-spacing:-.01em}
#tools .tool-card p{flex:1;margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}
#tools .tool-card .go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:700;font-size:.9rem;color:var(--orange-600)}
#tools .tool-card .go svg{width:16px;height:16px;transition:transform .25s var(--ease)}
#tools a.tool-card:hover .go svg{transform:translateX(4px)}
#tools .tool-badge{position:absolute;top:18px;right:18px;padding:3px 10px;border-radius:var(--pill);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#tools .tool-cat{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
#tools .tool-card.is-best{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-100),var(--shadow)}
#tools .tool-card.is-best::after{content:"Best match";position:absolute;top:18px;right:18px;padding:3px 10px;border-radius:var(--pill);background:var(--orange);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#tools .tool-card.is-best .tool-badge{display:none}
#tools-empty{padding:44px 20px;text-align:center;color:var(--muted);font-size:1rem;line-height:1.6}
#tools-empty strong{display:block;margin-bottom:6px;color:var(--ink);font-size:1.15rem}
#tools-empty a{display:inline-block;margin:6px 4px 0;padding:7px 14px;border-radius:var(--pill);border:1px solid var(--border-strong);background:var(--card);color:var(--ink-2);font-weight:700;font-size:.88rem;text-decoration:none}
#tools-empty a:hover{border-color:var(--orange);color:var(--orange-600)}
@media (max-width:640px){#tools .tools-toolbar{position:static;padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;margin-bottom:28px}#tools .search{flex:1 1 100%}#tools .cat-block{margin-bottom:44px}#tools .tool-card{padding:20px}}
@media (prefers-reduced-motion:reduce){#tools .tool-card,#tools .tool-card .go svg{transition:none}#tools a.tool-card:hover{transform:none}}