.tool-directory{min-inline-size:0}.home-directory-page .section-title{overflow-wrap:anywhere}.tool-directory-controls{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:18px}.tool-search-label{color:var(--heading);margin-block-end:8px;font-weight:600;display:block}.tool-search-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-search-row input{min-block-size:48px;inline-size:100%;min-inline-size:0;font:inherit;flex:12em}.tool-search-row .btn{white-space:normal}.tool-categories{flex-wrap:wrap;gap:8px;margin-block-start:16px;display:flex;container:tool-categories/inline-size}.tool-category{font:inherit;border:1px solid var(--line-strong);min-block-size:44px;max-inline-size:100%;color:var(--ink);background:var(--card);overflow-wrap:anywhere;cursor:pointer;border-radius:16px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 12px;font-size:1rem;line-height:1.5;display:grid}.tool-category-icon{block-size:28px;color:var(--emerald);background:var(--mint);border-radius:10px;flex:0 0 28px;place-items:center;display:grid;transform:rotate(-6deg)}.tool-category-label{text-align:start;min-inline-size:0}.tool-category-count{font-variant-numeric:tabular-nums;border:1px solid;border-radius:999px;place-items:center;min-inline-size:1.7em;padding-inline:.25em;display:inline-grid}.tool-category[aria-pressed=true]{color:var(--on-emerald);background:var(--emerald-deep);border-color:var(--emerald-deep)}.tool-category:focus-visible{outline:3px solid var(--emerald);outline-offset:3px}@container tool-categories (width<=14rem){.tool-category{grid-template-columns:28px minmax(0,1fr);inline-size:100%}.tool-category-label{grid-area:2/1/auto/-1}.tool-category-count{grid-area:1/2;justify-self:end}}.tool-result-count{margin-block:12px}.tool-directory-grid{grid-template-columns:repeat(auto-fill,minmax(min(17em,100%),1fr));gap:16px;display:grid}.directory-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-inline-size:0;box-shadow:var(--shadow);flex-direction:column;display:flex}.directory-card .directory-link{border-radius:var(--radius) var(--radius) 0 0;min-inline-size:0;box-shadow:none;border:0;flex:1;align-items:center;gap:14px;transform:none}.directory-link .tool-copy{overflow-wrap:anywhere;flex:1}.directory-favorite{min-block-size:44px;max-inline-size:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line-strong);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 14px 14px;padding:10px 12px;font-size:.9em;line-height:1.5;display:flex}.directory-favorite span{overflow-wrap:anywhere;min-inline-size:0}.directory-favorite svg{flex-shrink:0}.directory-favorite[data-pinned=true]{color:var(--emerald);background:var(--mint);border-color:var(--emerald)}.directory-favorite:disabled{opacity:.55;cursor:default}.directory-favorite:focus-visible,.directory-link:focus-visible{outline:3px solid var(--emerald);outline-offset:3px}.tool-illustration{isolation:isolate;background:var(--mint);border-radius:22px;flex:0 0 80px;block-size:72px;inline-size:80px;position:relative;overflow:hidden}.tool-illustration>svg{block-size:100%;inline-size:100%;position:absolute;inset:0}.tool-hill{fill:var(--gold-soft)}.tool-cloud{fill:var(--card)}.tool-spark{fill:var(--gold)}.tool-orb{background:var(--emerald-deep);block-size:44px;inline-size:44px;color:var(--on-emerald);--tool-orb-angle:-8deg;transform:rotate(var(--tool-orb-angle));border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:16px;inset-inline-start:22px}.tool-illustration[data-group=daily] .tool-orb{--tool-orb-angle:8deg}.tool-illustration[data-group=knowledge] .tool-orb{--tool-orb-angle:-5deg;border-radius:14px}.tool-illustration[data-group=advisory] .tool-orb{--tool-orb-angle:5deg;border-radius:14px}@media (max-width:380px){.directory-card .directory-link{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:no-preference){.directory-link .tool-orb{transition:transform .18s ease-out}.directory-link:focus-visible .tool-orb{transform:translateY(-3px)rotate(0)scale(1.04)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.directory-link:hover .tool-orb{transform:translateY(-3px)rotate(0)scale(1.04)}}@media (prefers-reduced-motion:no-preference){.directory-link:active .tool-orb{transform:translateY(1px) rotate(var(--tool-orb-angle)) scale(.94);transition-duration:.14s}}
