.tools-directory{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin-block-end:24px;display:grid}.tool-directory-group{border:1px solid var(--border);background:var(--surface-well);min-width:0}.tool-directory-group h2{border-block-end:1px solid var(--border);background:var(--surface-panel);font:400 var(--font-section-size)/1.3 var(--font-display);letter-spacing:1px;margin:0;padding-block:14px;padding-inline:18px}.tool-directory-group ul{margin:0;padding:8px;list-style:none}.tool-directory-group li+li{border-block-start:1px solid var(--border)}.tool-directory-group a{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:16px;padding-block:14px;padding-inline:12px;transition:background-color .12s;display:grid}.tool-directory-copy{gap:4px;min-width:0;display:grid}.tool-directory-copy strong{letter-spacing:.2px;text-transform:uppercase;font-size:16px;font-weight:700;line-height:1.3}.tool-directory-copy span{color:var(--muted-foreground);font-size:14px;line-height:1.45}.tool-directory-group a:focus-visible{background:var(--surface-raised)}@media (hover:hover) and (pointer:fine){.tool-directory-group a:hover{background:var(--surface-raised)}}.tool-directory-group a:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}@media (max-width:767px){.tools-directory{grid-template-columns:minmax(0,1fr)}}.tool-directory-copy .tool-directory-label{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.tool-directory-label strong{color:var(--foreground)}.tool-directory-language{color:var(--muted-foreground);white-space:nowrap;font-size:12px;line-height:1.3}@media (prefers-reduced-motion:reduce){.tool-directory-group a{transition:none}}