.cat{margin:32px 0 12px;font-size:20px}
.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.tool{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.tool-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.tool h3{margin:0;font-size:18px}.tool h3 a{color:var(--text);text-decoration:none}.tool h3 a:hover{color:var(--accent)}
.tool p{margin:0;color:var(--muted);font-size:15px}
.tag{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;white-space:nowrap}
.tool-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tool-links a{display:inline-block;font-size:13px;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--text);text-decoration:none}
.tool-links a:hover{background:var(--accent-soft);color:var(--accent)}
.tool .btn{margin-top:auto;align-self:flex-start}
.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:8px}
.principles h3{margin:0 0 6px;font-size:16px}.principles p{margin:0;color:var(--muted);font-size:15px}