.tools-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.tool-card{
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    background:#fff;
    box-shadow:var(--shadow);
    padding:20px;
    display:grid;
    gap:12px;
    transition:.18s ease;
}

.tool-card:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow2);
}

.tool-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    border:1px solid var(--line);
    display:grid;
    place-items:center;
    font-family:var(--serif);
    font-size:20px;
    background:linear-gradient(180deg,#fff,var(--soft));
}

.tool-card h3{
    font-size:18px;
    line-height:1.2;
}

.tool-card p{
    font-size:14px;
    color:var(--muted);
}

.tool-meta{
    font-size:12px;
    color:var(--muted);
}