/* Tools hub: tool cards. Loaded only by /tools/index.html. Add a card per tool; no other change needed. */
.tools-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--space-5); list-style: none; padding: 0; margin: var(--space-6) 0 0; }
.tools-grid > li{ display: flex; min-width: 0; }
.tools-grid .card{ display: flex; flex-direction: column; align-items: flex-start; width: 100%; gap: var(--space-3); color: inherit; text-decoration: none; }
.tools-grid .card .tag{ margin: 0 0 var(--space-1) !important; display: inline-block; }
.tools-grid .card h3{ font-size: 20px; font-weight: 700; margin: 0; color: var(--ink-900); }
.tools-grid .card p{ font-size: 15px; color: var(--ink-500); margin: 0; line-height: 1.6; flex: 1; }
.tools-grid .card .btn-ghost{ margin-top: var(--space-3) !important; font-size: 15px; padding-left: 0; }
.tools-grid .card:hover .btn-ghost .arrow{ transform: translateX(4px); }
.tools-grid .card:focus-visible{ outline: 3px solid var(--orange-400); outline-offset: 3px; }