.tool-section{margin-bottom:2rem}.tool-section h2{font-size:1.5rem;margin-bottom:1rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tool-grid a{text-decoration:none;color:inherit}.tool-card{position:relative;width:100%;aspect-ratio:auto;border-radius:12px;padding:1.5rem 1rem 1rem 3rem;box-sizing:border-box;border:1px solid #ddd;box-shadow:0 6px 12px rgba(0,0,0,0.05);transition:transform .2s ease,box-shadow .2s ease;animation:float 4s ease-in-out infinite;animation-delay:var(--delay);transform-origin:center top}.tool-card:hover{transform:scale(1.05) rotate(0);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.tool-card .favicon{position:absolute;top:1rem;left:1rem;width:18px;height:18px;border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,0.1);object-fit:contain}.tool-card h3{margin:0 0 .4rem 0;font-size:1.2rem;color:#222}.tool-card p{margin:0;font-size:.95rem;color:#555}.tool-title{display:flex;align-items:center;gap:.4em;justify-content:center;font-size:1.1em}.favicon-circle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.75em;font-weight:bold;color:white;border-radius:50%;background-color:#4a90e2;flex-shrink:0}.favicon-circle.left{order:-1;margin-right:.4em}.favicon-circle.right{order:1;margin-left:.4em}