.tools-directory{--directory-ink:#123b43;--directory-muted:#526e74;--directory-line:#d6e3de;max-width:1080px;margin:0 auto 24px;color:var(--directory-ink)}
.tools-directory-heading{padding:28px 0 32px;border-bottom:1px solid var(--directory-line)}
.tools-directory-heading .eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:12px}
.tools-directory-heading h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;margin-bottom:16px}
.tools-directory-heading>p:not(.eyebrow){color:var(--directory-muted);line-height:1.8;font-size:15px}
.tools-directory-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:12px;color:var(--directory-muted)}
.tools-directory-facts span:first-child{font-weight:750;color:#076b68}
.tool-directory-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 18px}
.tool-directory-section-heading h2{font-size:20px;letter-spacing:-.025em;margin:0}
.tool-directory-section-heading>span{font-size:12px;color:#076b68;background:#e9f4ef;padding:4px 12px;border-radius:20px}
.tool-directory-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.tool-directory-item{border:1px solid var(--directory-line);border-radius:14px;background:#fff;overflow:hidden}
.tool-directory-item.is-most-used{border-color:#a7c8bb;background:linear-gradient(110deg,#f1f8f4,#fff 70%)}
.tool-directory-card{display:grid;grid-template-columns:164px minmax(0,1fr) 136px;align-items:center;gap:24px;padding:24px}
.tool-directory-image{position:relative;align-self:center}
.tool-directory-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
.tool-directory-rank{position:absolute;top:-12px;left:-10px;display:grid;place-items:center;min-width:34px;height:30px;padding:0 8px;border:1px solid #c6d9d0;border-radius:7px;background:#fff;color:#386259;font:700 13px/1 system-ui;box-shadow:0 3px 8px #173e3810}
.is-most-used .tool-directory-rank{background:#183f3c;border-color:#183f3c;color:#f6dfaa}
.tool-directory-purpose{color:#076b68;font-size:11px;font-weight:700;line-height:1.6;margin:0 0 6px}
.tool-directory-copy{min-width:0}
.tool-directory-copy h2{font-size:21px;line-height:1.45;letter-spacing:-.025em;margin:0 0 8px}
.tool-directory-copy h2 a{color:inherit;text-decoration:none}
.tool-directory-copy h2 a:hover{text-decoration:underline}
.tool-directory-description{font-size:13px;line-height:1.8;color:var(--directory-muted);margin:0}
.tool-directory-features{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:12px 0 0}
.tool-directory-features li{font-size:11px;line-height:1.5;background:#f1f5f3;border-radius:4px;padding:4px 8px;color:#3c615a}
.tool-directory-note{font-size:11px;color:#637672;line-height:1.6;margin:9px 0 0}
.tool-directory-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.tool-directory-open{display:flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:8px 12px;border:1px solid #b9d0c6;border-radius:8px;color:#164a42;background:#f7fbf8;font-size:12px;font-weight:750;text-decoration:none}
.is-most-used .tool-directory-open{background:#125b50;color:#fff;border-color:#125b50}
.tool-directory-open:hover{box-shadow:0 3px 12px #174f4220;border-color:#247c68}
.tool-directory-help{text-align:center;font-size:12px;min-height:32px;display:grid;place-items:center;color:#52736a}
.tool-directory-ranking-note{font-size:12px;color:#637672;margin:20px 0 0}
.tool-directory-ranking-note summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;width:fit-content}
.tool-directory-ranking-note p{max-width:720px}
.tools-directory .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:900px){.tool-directory-card{grid-template-columns:132px minmax(0,1fr);gap:20px}.tool-directory-actions{grid-column:2;flex-direction:row;align-items:center}.tool-directory-open{min-width:148px}.tool-directory-help{padding:0 12px}}
@media(max-width:600px){.tools-directory-heading{padding:18px 0 26px}.tools-directory-heading>p:not(.eyebrow){font-size:13px}.tools-directory-facts{gap:8px 14px;font-size:11px}.tool-directory-section-heading h2{font-size:17px}.tool-directory-card{grid-template-columns:92px minmax(0,1fr);gap:10px 14px;padding:20px 16px}.tool-directory-image{grid-row:1/span 2;align-self:center;margin:0}.tool-directory-copy{display:contents}.tool-directory-copy h2{grid-column:2;grid-row:2;font-size:17px;margin:0}.tool-directory-purpose{grid-column:2;grid-row:1;font-size:10px;margin:0;align-self:end}.tool-directory-description{grid-column:1/-1;font-size:12px;line-height:1.75}.tool-directory-features{grid-column:1/-1;gap:5px;margin:0}.tool-directory-features li{font-size:10px;padding:3px 6px}.tool-directory-actions{grid-column:1/-1}.tool-directory-open{flex:1}.tool-directory-help{min-height:44px}.tool-directory-rank{left:-5px;min-width:28px;height:26px;font-size:11px}.tool-directory-note{grid-column:1/-1;font-size:10px;margin:0}}