.top-tool-directory{margin-top:18px;padding:18px 20px 20px;border:1px solid #d8e4d8;border-radius:20px;background:linear-gradient(145deg,#fbfdf9,#f0f7e9);box-shadow:0 8px 24px rgba(20,38,31,.05)}
.top-tool-directory>.section-label{display:block;margin:0 0 10px;color:#516a5a}
.tool-directory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tool-directory-grid a{display:grid;align-content:start;gap:6px;min-height:119px;padding:15px;border:1px solid #d9e5d8;border-radius:13px;background:rgba(255,255,255,.88);color:#5d7264;font-size:12px;font-weight:700;line-height:1.4;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.tool-directory-grid a:hover{transform:translateY(-2px);border-color:#abc993;box-shadow:0 7px 16px rgba(43,77,53,.08)}
.tool-directory-grid a:focus-visible{outline:3px solid #8bb63f;outline-offset:3px}
.tool-directory-grid strong{color:#213b2b;font-size:15px;line-height:1.2}
.tool-directory-grid i{font-size:11px;font-style:normal;font-weight:650;line-height:1.45}
@media(max-width:950px){.tool-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.top-tool-directory{margin-top:10px;padding:15px}.tool-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-directory-grid a{min-height:112px;padding:12px}.tool-directory-grid strong{font-size:13px}.tool-directory-grid i{font-size:10px}}
@media(max-width:700px){.site-header .site-utility-nav{display:none}}