/* ========== SKILLS ========== */
.skill-cat{margin-bottom:2rem}
.skill-cat h3{font-size:1.15rem;margin-bottom:.9rem;display:flex;align-items:center;gap:.6rem}
.skill-cat h3 .ico{color:var(--accent);width:22px;height:22px}
.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}
@media (max-width:440px){ .skill-grid{grid-template-columns:repeat(2,1fr)} }
.skill-tile{padding:1rem .8rem;border-radius:var(--r-sm);display:flex;flex-direction:column;align-items:center;
  gap:.55rem;text-align:center;cursor:default;transition:transform .5s var(--ease-spring),box-shadow .4s}
@media (hover:hover){ .skill-tile:hover{transform:translateY(-3px)} }
.skill-tile .ico{width:26px;height:26px;color:var(--accent);transition:transform .5s var(--ease-spring)}
@media (hover:hover){ .skill-tile:hover .ico{transform:scale(1.15) rotate(-6deg)} }
.skill-tile span{font-size:.85rem;font-weight:500}


/* /skills · smaller tiles stay tappable and readable */
@media (max-width:440px){
  .skill-grid{gap:.55rem}
  .skill-tile{padding:.9rem .5rem}
  .skill-tile span{font-size:.8rem}
}