@import url('https://fonts.bunny.net/css?family=inter:400,500,600,700,800&display=swap');

/* ── Nav underline ───────────────────────────────────── */
.nav-link { position: relative; }
.nav-link::after {
  content: ''; position: absolute; width: 0; height: 2px;
  bottom: -2px; left: 0; background: #1B96FF; transition: width 0.2s ease;
}
.nav-link:hover::after { width: 100%; }

/* ── Card hover lift ─────────────────────────────────── */
.card-hover { transition: transform 0.18s ease, box-shadow 0.18s ease; }
.card-hover:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(1, 118, 211, 0.12);
}

/* ── Skill / cert tags ───────────────────────────────── */
.skill-tag {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  white-space: nowrap;
}
.cert-badge {
  border: 2px solid #0176D3;
  border-radius: 8px;
  padding: 4px 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #0176D3;
  background: #F3F8FF;
  white-space: nowrap;
}

/* ── Career timeline dot ─────────────────────────────── */
.timeline-item { position: relative; }
.timeline-item::before {
  content: '';
  position: absolute;
  left: -1.6rem;
  top: 0.4rem;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: #0176D3;
  border: 2px solid white;
  box-shadow: 0 0 0 2px #0176D3;
}

/* ── Article list row ────────────────────────────────── */
.article-item { transition: box-shadow 0.18s ease, transform 0.18s ease; }
.article-item:hover { transform: translateX(4px); box-shadow: 0 4px 20px rgba(0,0,0,0.08); }

/* ── Text truncation ─────────────────────────────────── */
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}