/* =========================================================
   MY SKILLS — TYPING TEXT RESTORED
   ========================================================= */

.skills-typing-line{
  width:100%;
  min-height:42px;
  margin:-4px 0 26px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  gap:8px;
  overflow:hidden;
  border:1px solid rgba(42,226,255,.10);
  border-radius:11px;
  background:
    linear-gradient(90deg,rgba(42,226,255,.035),rgba(82,120,255,.025),transparent),
    rgba(4,18,36,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  font:600 11px/1.5 "JetBrains Mono",monospace;
  color:#8eb6d3;
}

.skills-typing-prefix{
  color:#39e6aa;
  font-weight:800;
  text-shadow:0 0 9px rgba(57,230,170,.42);
}

#skillsTypingText{
  color:#d7f5ff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.skills-typing-caret{
  width:6px;
  height:14px;
  flex:0 0 6px;
  border-radius:1px;
  background:#2ae2ff;
  box-shadow:0 0 9px rgba(42,226,255,.65);
  animation:skillsTypingCaret .82s step-end infinite;
}

@keyframes skillsTypingCaret{
  50%{opacity:0}
}

@media(max-width:767px){
  .skills-typing-line{
    margin-bottom:20px;
    padding:9px 11px;
    min-height:38px;
    font-size:9px;
  }
}

@media(max-width:480px){
  .skills-typing-line{
    font-size:8px;
  }

  #skillsTypingText{
    white-space:normal;
  }
}

@media(prefers-reduced-motion:reduce){
  .skills-typing-caret{
    animation:none;
  }
}