.tools-container.svelte-171l7w4{max-width:1200px;margin:0 auto;padding:2rem}h1.svelte-171l7w4{font-size:2rem;margin-bottom:.5rem}.tools-grid.svelte-171l7w4{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.tool-card.svelte-171l7w4{padding:1.5rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fafafa;text-decoration:none;color:inherit;display:block}.tool-card.svelte-171l7w4:hover{border-color:#1f2937;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);background:#fff}.tool-card.svelte-171l7w4:focus{outline:2px solid #1f2937;outline-offset:2px}.tool-card.svelte-171l7w4:focus-visible{outline:2px solid #1f2937;outline-offset:2px}.tool-card.svelte-171l7w4 h2:where(.svelte-171l7w4){margin:0 0 .5rem;font-size:1.25rem}.tool-card.svelte-171l7w4 p:where(.svelte-171l7w4){margin:0 0 1rem;color:#666;font-size:.95rem}.badge.svelte-171l7w4{display:inline-block;padding:.25rem .75rem;background:#e8f4f8;color:#0369a1;border-radius:4px;font-size:.75rem;font-weight:600}