.skills-grid {
    display: grid;
    gap: 1.2rem;
    grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
    align-items: start;
}


.skill-card {
    background: var(--bg-alt-soft);
    padding: 1rem 1rem 1.15rem;
    border-radius: var(--radius-s);
    box-shadow: var(--shadow-1);
    transition: transform var(--transition), background var(--transition), box-shadow var(--transition);
}
.skill-card:hover {
    transform: translateY(-4px);
    background: #3b3d52;
    box-shadow: var(--shadow-2);
}
.skill-card h3 {
    margin: 0 0 .65rem;
    font-size: 1.05rem;
    color: var(--primary-alt);
    letter-spacing: .5px;
}

.skill-card li {
    margin: .3rem 0;
    font-size: 0.9rem;
}