.tools-index{width:100%;min-width:0;max-width:1120px;margin:0 auto;padding:48px 40px 88px}.tools-index-intro{gap:12px;max-width:680px;margin-bottom:36px;display:grid}.tools-index-intro h1{letter-spacing:-.045em;margin:0;font-size:40px;font-weight:680;line-height:1.05}.tools-index-intro p{color:#4a4a4a;margin:0;font-size:16px;line-height:1.55}.tools-index-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tools-index-list a{border:1px solid var(--line);background:#fff;border-radius:12px;align-content:start;gap:10px;height:100%;padding:22px 22px 20px;transition:border-color .15s,box-shadow .15s;display:grid}.tools-index-list a:hover{border-color:#a3a3a3;box-shadow:0 6px 24px #0000000d}.tools-index-list a:focus-visible{outline-offset:3px;outline:2px solid #111}.tools-index-kind{letter-spacing:.1em;text-transform:uppercase;color:#666;font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.tools-index-list h2{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:620;line-height:1.2}.tools-index-list p{color:#4a4a4a;margin:0;font-size:14px;line-height:1.5}.tools-index-link{color:#111;margin-top:6px;font-size:13px;font-weight:600}.tools-index-note{color:#4a4a4a;max-width:680px;margin:40px 0 0;font-size:14px;line-height:1.55}.tools-index-note a{color:#111;text-underline-offset:3px;text-decoration:underline}@media (width<=1050px){.tools-index-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.tools-index{padding:28px 16px 56px}.tools-index-intro h1{font-size:30px}.tools-index-intro p{font-size:15px}.tools-index-list{grid-template-columns:minmax(0,1fr)}}