.tools{padding-top:8vh}.tools-list{border-top:1px solid var(--sumi)}.tools .tool-row{border-bottom:1px solid var(--rule);text-align:left;grid-template-columns:minmax(0,36%) minmax(0,1fr) max-content;align-items:center;gap:40px;padding:32px 0 34px 24px;display:grid;position:relative}.tools .tool-row:before{content:"";border-left:4px solid var(--ai);border-right:4px solid var(--beni);opacity:0;width:12px;position:absolute;top:22px;bottom:22px;left:0}.tools .tool-row:hover,.tools .tool-row:focus-visible{background:var(--tint)}.tools .tool-row:hover:before,.tools .tool-row:focus-visible:before{opacity:1}.tools .tool-name{font-family:var(--min);color:var(--ai);overflow-wrap:anywhere;font-size:clamp(24px,2.4vw,34px);font-weight:900;line-height:1.5}.tools .tool-name span{display:block}.tools .tool-detail{min-width:0}.tools .tool-detail p{color:var(--muted)}.tools .tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tools .tags span{border:1px solid var(--ai);color:var(--ai);font-size:var(--fs-small);padding:2px 10px;font-weight:700;line-height:1.8}.tools .tlink{white-space:nowrap;justify-self:start}.tools .tool-row:hover .tlink,.tools .tool-row:focus-visible .tlink{border-bottom-width:4px}@media (max-width:760px){.tools{padding-top:6vh}.tools .tool-row{grid-template-columns:minmax(0,1fr);gap:16px;padding:26px 12px 28px 24px}.tools .tool-name{font-size:23px}.tools .tags{margin-top:12px}.tools .tags span{font-size:12px}}