.tools-shell{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.tools-header{max-width:40rem;margin-bottom:1.75rem}.tools-title{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .5rem;font-size:clamp(2rem,5vw,2.75rem)}.tools-lead{color:color-mix(in srgb, var(--cs-text) 76%, var(--cs-muted));margin:0;line-height:1.65}.tools-loading{color:var(--cs-muted);border:1px dashed #94a3b840;border-radius:16px;padding:1rem 1.1rem}.tools-section{margin-bottom:2rem}.tools-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.85rem;display:flex}.tools-section-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.35rem}.tools-count{color:var(--cs-muted);font-size:.85rem;font-weight:600}.tools-filters{margin:0 0 .85rem}.tools-filters .chip.is-active,.tools-filters .chip[aria-pressed=true]{border-color:color-mix(in srgb, var(--cs-accent) 55%, transparent);color:var(--cs-text);background:#0f766e1f}.tools-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.tools-item{gap:.45rem;padding:1rem 1.1rem;scroll-margin-top:5.5rem;display:grid}.tools-item h3{letter-spacing:-.02em;margin:0;font-size:1.05rem}.tools-item-meta{color:var(--cs-muted);margin:0;font-size:.85rem;line-height:1.5}.tools-item-desc{color:color-mix(in srgb, var(--cs-text) 82%, var(--cs-muted));margin:0;line-height:1.55}.tools-item-tags{flex-wrap:wrap;gap:.35rem;display:flex}.tools-item-link{margin:0;font-size:.88rem}@media (width<=640px){.tools-shell{padding:1.5rem .9rem 3rem}}