.tool-directory{padding-block:46px 70px}.tool-directory header{max-width:860px;margin-bottom:48px}.tool-directory h1{letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(2.2rem,4vw,3.1rem);font-weight:600;line-height:1.1}.tool-directory header>p{color:var(--muted);font-size:1.02rem;line-height:1.7}.tool-directory header nav{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.tool-directory header nav a{border:1px solid var(--border);min-height:46px;color:var(--green-dark);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:10px 14px;font-size:.82rem;display:flex}.tool-directory section{margin-bottom:48px;scroll-margin-top:100px}.tool-directory-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px;padding-bottom:16px;display:flex}.tool-directory-heading h2{letter-spacing:-.025em;margin:0;font-size:1.4rem;font-weight:500}.tool-directory-heading>span{color:var(--muted);font-size:.75rem}.tool-directory-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tool-directory a:focus-visible{outline:2px solid var(--green-dark);outline-offset:4px}@media (width<=760px){.tool-directory-cards{grid-template-columns:1fr;gap:14px}}@media (width<=650px){.tool-directory{padding-top:32px}.tool-directory-heading h2{font-size:1.2rem}.tool-directory-heading{align-items:start}.tool-directory-heading>span{flex:none;padding-top:5px}}