.tools-state{margin-top:32px}.tools-wrap h3{margin:0}.tools-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.tools-section-heading h2{font-size:23px;letter-spacing:-.02em}.tools-section-heading .eyebrow{margin-bottom:9px}.tools-section-heading>p{font-size:12px;color:var(--muted)}.tools-note{color:var(--muted);font-size:12px;line-height:1.9}.tools-note a{text-decoration:underline;color:var(--accent-dark)}.tools-board{padding-top:33px}.tools-board>.tools-note{margin-top:13px}.tools-ranking{list-style:none;margin:23px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;grid-auto-flow:column;grid-template-rows:repeat(10,auto)}.tools-ranking li{min-width:0;border-bottom:1px solid var(--line)}.tool-rank-button{width:100%;display:flex;align-items:center;gap:14px;background:transparent;border:0;text-align:left;min-height:84px;padding:14px 7px;color:var(--ink)}.tool-rank-button:hover{background:var(--tint)}.tool-rank-number{font-size:17px;font-weight:750;width:27px;flex:none;color:var(--accent)}.tool-rank-copy{min-width:0;flex:1}.tool-rank-copy strong{display:block;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.tool-rank-copy small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:4px}.tool-rank-stars{font-size:11px;white-space:nowrap;color:var(--muted)}.tool-rank-arrow{font-size:17px;color:var(--accent)}.tools-directory{padding-top:43px;margin-top:42px;border-top:1px solid var(--line);scroll-margin-top:20px}.tools-filters{flex-wrap:wrap}.tools-filters select{max-width:215px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.tool-category{font-size:11px;color:var(--accent-dark);line-height:1.8}.tool-title-button{border:0;background:none;padding:0;color:var(--ink);font-size:16px;line-height:1.65;text-align:left;font-weight:700;overflow-wrap:anywhere}.tool-title-button:hover{color:var(--accent)}.tool-card h3{margin-top:9px}.tool-description{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tool-card-foot{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;line-height:1.8;color:var(--muted);margin-top:auto;overflow-wrap:anywhere}.tool-open-button{background:none;border:0;color:var(--accent-dark);padding:12px 0 0;min-height:36px;font-size:12px;font-weight:650}.tool-open-button:hover{text-decoration:underline}.tools-fallback{display:block;width:fit-content;font-size:12px;color:var(--accent-dark);text-decoration:underline;margin:17px auto 0}.tools-directory>.tools-note{margin-top:22px}
.tool-detail{width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);overflow:auto;overscroll-behavior:contain}.tool-detail::backdrop{background:rgba(28,24,49,.55)}html:has(.tool-detail[open]){overflow:hidden}.tool-detail-heading{display:flex;align-items:flex-start;gap:18px;padding:24px 28px 20px;border-bottom:1px solid var(--line)}.tool-detail-heading h2{flex:1;min-width:0;font-size:23px;line-height:1.5;overflow-wrap:anywhere}.tool-detail-close{border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:8px 12px;min-height:40px;color:var(--muted);font-size:12px;flex:none}.tool-detail-body{padding:23px 28px 30px;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.tool-detail-body h3{font-size:15px;line-height:1.8;margin:23px 0 8px}.tool-detail-body p{white-space:pre-wrap}.tool-detail-body ul{margin:8px 0;padding-left:22px}.tool-detail-body li{margin:6px 0}.tool-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 18px;padding:20px 0;border-block:1px solid var(--line)}.tool-facts dt{font-size:11px;color:var(--muted)}.tool-facts dd{font-size:15px;font-weight:650;margin:3px 0 0}.tool-detail-body>.trial-button{margin-top:21px}.tool-detail-body>.tool-category{font-size:12px}
@media(max-width:1100px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-rank-button{gap:10px}.tool-rank-copy strong{font-size:13px}}
@media(max-width:760px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tools-ranking{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.tool-rank-button{min-height:77px}.tool-rank-copy strong{font-size:14px}.tools-filters>p{flex-basis:100%;margin:4px 0 0}.tools-section-heading{gap:14px}.tools-directory{margin-top:30px;padding-top:30px}.tool-card{padding:17px}.tool-detail-heading{padding:20px}.tool-detail-body{padding:18px 20px 25px}.tool-detail-heading h2{font-size:20px}}
@media(max-width:560px){.tools-board{padding-top:27px}.tools-section-heading h2{font-size:21px}.tools-section-heading>p{font-size:11px;white-space:nowrap}.tools-note{font-size:11px}.tools-ranking{margin-top:17px}.tool-rank-button{padding:12px 2px;gap:10px}.tool-rank-copy strong{font-size:13px}.tool-rank-number{font-size:16px;width:24px}.tool-rank-stars{font-size:10px}.tool-rank-copy small{font-size:10px}.tool-rank-arrow{font-size:15px}.tool-grid{gap:12px}.tool-card{padding:16px}.tool-title-button{font-size:15px}.tool-category{font-size:10px}.tool-description{font-size:11px;margin:10px 0 15px}.tool-card-foot{font-size:10px;gap:4px 9px}.tool-open-button{font-size:11px}.tool-detail{max-height:calc(100dvh - 32px)}.tool-detail-body{font-size:13px}.tool-facts{gap:15px}.tool-facts dd{font-size:13px}}
@media(max-width:430px){.tool-grid{grid-template-columns:1fr}.tool-description{-webkit-line-clamp:2}.tool-card{padding:18px}.tool-title-button{font-size:16px}.tool-description{font-size:12px}.tool-card-foot{font-size:11px}.tools-filters select{max-width:200px}}