.tools-index{gap:var(--s6);margin-top:var(--s6);flex-direction:column;display:flex}.tools-index .index-head{gap:var(--s3);flex-direction:column;display:flex}.tools-index .index-head h1{letter-spacing:-.02em;color:var(--text);font-size:1.75rem;font-weight:700}.tools-index .index-lede{max-width:62ch;color:var(--text-2);font-size:1.05rem;line-height:1.65}.tools-index .index-intro{gap:var(--s3);flex-direction:column;max-width:68ch;display:flex}.tools-index .index-intro h2,.tools-index .index-categories>h2{letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:650}.tools-index .index-intro p{color:var(--text-2);line-height:1.7}.tools-index .index-categories{gap:var(--s4);padding-top:var(--s5);border-top:1px solid var(--border);flex-direction:column;display:flex}.tools-index .index-categories ul{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.tools-index .index-categories a{align-items:flex-start;gap:var(--s3);height:100%;padding:var(--s3) var(--s4);border:1px solid var(--border);border-radius:var(--r-sm);background-color:var(--surface);text-decoration:none;display:flex}.tools-index .index-categories a:hover{border-color:var(--accent);background-color:var(--accent-soft)}.tools-index .cat-icon{border-radius:var(--r-sm);background-color:var(--accent-soft);width:34px;height:34px;color:var(--accent-hover);flex:none;justify-content:center;align-items:center;display:flex}.tools-index .cat-icon svg{width:18px;height:18px}.tools-index .cat-text{gap:var(--s1);flex-direction:column;min-width:0;display:flex}.tools-index .cat-text .name{color:var(--text);font-weight:650}.tools-index .cat-text .count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.tools-index .cat-text .blurb{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tools-index .index-jump ul{gap:var(--s1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tools-index .index-jump a{min-width:32px;padding:var(--s1) var(--s2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-2);justify-content:center;align-items:center;font-size:.85rem;font-weight:650;text-decoration:none;display:flex}.tools-index .index-jump a:hover{border-color:var(--accent);background-color:var(--accent-soft);color:var(--accent-hover)}.tools-index .index-list{gap:var(--s5);flex-direction:column;display:flex}.tools-index .index-list>section{gap:var(--s2);flex-direction:column;display:flex}.tools-index .index-list h2{color:var(--accent);scroll-margin-top:var(--s8);padding-bottom:var(--s1);border-bottom:1px solid var(--border);font-size:1.1rem;font-weight:700}.tools-index .index-list ul{gap:var(--s1) var(--s5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0;padding:0;list-style:none;display:grid}.tools-index .index-list li{justify-content:space-between;align-items:baseline;gap:var(--s3);padding:var(--s1) 0;display:flex}.tools-index .index-list li>a{color:var(--text-2);text-decoration:none}.tools-index .index-list li>a:hover{color:var(--accent);text-decoration:underline}.tools-index .index-list .tag{color:var(--muted);white-space:nowrap;flex:none;font-size:.78rem;text-decoration:none}.tools-index .index-list .tag:hover{color:var(--text-2);text-decoration:underline}@media (max-width:640px){.tools-index .index-list .tag{display:none}}