.tool-grid{display:grid;gap:12px;list-style:none;margin:0;padding:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.tool-grid>li{min-width:0}.tool-card{position:relative;height:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:start;gap:6px 14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s,transform .15s}.tool-card:hover{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card:focus-within{border-color:var(--brand)}.tool-card .cat-icon{width:40px;height:40px;grid-row:span 2}.tool-card-title{margin:0;font-size:1rem;font-weight:700;line-height:1.35;align-self:center}.tool-card-title a,.content-section .tool-card-title a{color:var(--text);text-decoration:none}.tool-card-title a::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}.tool-card-title a:focus-visible{outline:none}.tool-card-title a:focus-visible::after{outline:3px solid var(--focus);outline-offset:2px}.tool-card .go{grid-column:3;grid-row:1;align-self:center;color:var(--muted);transition:transform .15s,color .15s}.tool-card:hover .go{color:var(--link);transform:translateX(3px)}.tool-card p{grid-column:2 / span 2;margin:0;font-size:.875rem;line-height:1.5;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chip{display:inline-flex;align-items:center;margin-left:6px;padding:0 7px;vertical-align:2px;border-radius:999px;font-size:.6875rem;font-weight:500;line-height:1.7;letter-spacing:.02em;color:var(--text-2);background:var(--surface-2);white-space:nowrap}.block-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:16px}.block-head h2{margin:0}.block-head p{margin:0;color:var(--muted);font-size:.9375rem}.cat-panel{border:1px solid var(--border);border-radius:16px;background:var(--bg-soft);overflow:hidden}.cat-panel-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.cat-panel-head .titles{flex:1;min-width:180px}.cat-panel-head h2{margin:0;font-size:1.125rem}.cat-panel-head p{margin:2px 0 0;font-size:.875rem;color:var(--muted)}.cat-panel-head .btn{white-space:nowrap}.cat-links{list-style:none;margin:0;padding:16px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.cat-links a{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:1px solid transparent;border-radius:10px;font-weight:500;font-size:.9375rem;color:var(--text)}.cat-links a{background:var(--surface);border-color:var(--border);transition:border-color .15s}.cat-links a:hover{border-color:var(--brand);text-decoration:none}.cat-links a .icon{color:var(--muted)}.cat-links a:hover .icon{color:var(--link)}