.tools-directory-wrap{max-width:980px;margin:0 auto;padding:48px 20px 80px;background:#f5f7fa;color:#1a2233;font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.tools-directory-header{margin-bottom:36px}.tools-directory-header h1{font-size:28px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em}.tools-directory-header p{font-size:14px;color:#6b7280;margin:0}.tools-directory-category{margin-bottom:36px}.tools-directory-category-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.tools-directory-category-head h2{font-size:15px;font-weight:600;margin:0}.tools-directory-category-count{font-size:12px;color:#2563eb;background:#eef3ff;padding:2px 8px;border-radius:20px;font-weight:500}.tools-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(276px,1fr));gap:16px;align-items:stretch}.tools-directory-card{position:relative;background:var(--ds-bg-card);border:1px solid var(--ds-border-card);border-radius:var(--ds-radius-card);padding:20px;text-decoration:none;color:#0f172a;display:flex;flex-direction:column;min-height:144px;box-shadow:var(--ds-shadow-card);cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease,background-color .15s ease}.tools-directory-card:hover{border-color:#a5b4fc;background:#fdfdff;box-shadow:0 3px 8px rgba(79,70,229,.12);transform:translateY(-1px)}.tools-directory-card:focus-visible{outline:3px solid rgba(79,70,229,.2);outline-offset:2px}@layer base{.tools-directory-card h2,.tools-directory-card h3{font-size:15px!important;font-weight:600;line-height:1.35!important;margin:2px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.tools-directory-card p{font-size:9px;color:#475569;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tools-directory-card-foot{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:10px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px}.tools-directory-card-link{display:flex;align-items:center;gap:4px;flex-shrink:0;color:#4f46e5;font-size:13px;font-weight:600;white-space:nowrap}.tools-directory-card-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.tools-directory-card:hover .tools-directory-card-icon{transform:translateX(3px)}.tools-directory-more-row{display:flex;justify-content:flex-end;margin-top:12px}.tools-directory-more-btn{font-size:12.5px;font-weight:500;color:#2563eb;background:#eef3ff;border:1px solid transparent;padding:7px 14px;border-radius:8px;text-decoration:none}.tools-directory-more-btn:hover{background:#fff;border-color:#2563eb}.tools-directory-sentinel{height:1px;width:100%}.tools-directory-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 64px;color:#64748b;font-size:13px}.tools-directory-pagination a{color:#4f46e5;font-weight:600;text-decoration:none}.tools-directory-pagination a:hover{text-decoration:underline}.blog-page-card{cursor:pointer}.blog-page-card:hover{border-color:#a5b4fc!important;background:#fdfdff!important;box-shadow:0 3px 8px rgba(79,70,229,.12)!important;transform:translateY(-1px)}.blog-page-card:focus-visible{outline:3px solid rgba(79,70,229,.2);outline-offset:2px}.blog-page-card:active{transform:translateY(0)}.blog-directory-card{position:relative;background:var(--ds-bg-card);border:1px solid var(--ds-border-card);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-card);padding:14px 16px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;min-height:120px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.blog-directory-card:hover{border-color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.1);transform:translateY(-1px)}.blog-directory-card-badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:2px}.blog-directory-card-category{color:#2563eb;background:#eef3ff;text-transform:capitalize}.blog-directory-card-category,.blog-directory-card-trending{font-size:9px;font-weight:600;padding:2px 7px;border-radius:20px;line-height:1.4}.blog-directory-card-trending{color:#fff;background:#f97316}.blog-directory-card h3{font-size:11px;font-weight:600;margin:0;line-height:1.4;color:#0f1117;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}.blog-directory-card:hover h3{color:#2563eb}.blog-directory-card-excerpt{font-size:9px;color:#6b7280;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;flex:1}.blog-directory-card-meta{font-size:9px;color:#9ca3af;margin-top:auto;padding-top:6px;border-top:1px solid #f0f2f5;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.blog-directory-card-meta-dot{color:#d1d5db}.blog-search-wrap{margin-bottom:20px}.blog-search-input{width:100%;padding:9px 14px;font-size:13px;border:1px solid #e5e9f0;border-radius:8px;outline:none;background:#fff;color:#1a2233;transition:border-color .15s ease,box-shadow .15s ease}.blog-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.blog-no-results{font-size:13px;color:#6b7280;padding:32px 0;text-align:center}@media (max-width:480px){.blog-directory-card{padding:12px 13px;min-height:100px}.blog-directory-card h3{font-size:10px}.blog-directory-card-excerpt{font-size:8.5px}.blog-directory-card-meta{font-size:8px}}@media (max-width:768px){.tools-directory-wrap{padding:36px 18px 64px}}@media (max-width:480px){.tools-directory-wrap{padding:28px 14px 56px}.tools-directory-grid{grid-template-columns:1fr;gap:16px}.tools-directory-header h1{font-size:22px}.tools-directory-header p{font-size:13px}.tools-directory-card{width:100%;min-width:0}.tools-directory-category-head h2{font-size:14px}}